将CSS应用于td，并通过JQuery加载到html中

-1

下午，我有一个表格，我使用.load将html页面加载到td中，我应用css（具体为translateZ，通过.class td {}应用于td），它将td向后移动，但td内容保留在它们所在的位置，任何帮助表示赞赏。将CSS应用于td，并通过JQuery加载到html中

<table id="newsfeed_table2" class="newsfeed_table2"> 
    <tr> 
    <td></td> 
    </tr> 

</table> 

    .newsfeed_table2{ 
transform-style: preserve-3d; 
perspective:500px; 
    padding: -100px; margin: 0; 
    position: absolute; 
    top: 350px; 
    translatez(-110px); 
    left: 400px; 
    width: 300px; 
} 
table.newsfeed_table2 td{ 
transform-style: preserve-3d; 
perspective:500px; 
    padding: -100px; margin: 0; 
    position: absolute; 
    top: 350px; 
    translatez(-110px); 
    left: 400px; 
    width: 300px;

}

，我和$（ '＃标识'）加载负载（ “XXX”，函数（）{}）。

来源

2016-11-06 Sam Smith

你的代码添加到这个问题 –

可以帮助自己花几分钟阅读[问]。我们无法猜测你的代码是什么样的，或者为什么它不能按预期工作。 [mcve] – charlietfl

您必须发布您的代码，否则将很难获得帮助 –

我认为这是语法错误，首先，改变：

translatez(-110px);

到：

transform:translateZ(-110px);

如果你想要的动画，添加这个：

transition: transform 1s ease-in;

我们不能多给定的信息去，但尝试第一次。

来源

2016-11-06 18:14:43 zer00ne

“我们不能通过给予的信息过多”，真的吗？我给你所有实际应用的代码。感谢您的转换建议，但我复制粘贴从其在我的项目中的其他地方工作的地方的CSS，它不是单独工作的任何CSS的翻译，我尝试应用到表格不应用于内部HTML，我应该只是循环遍历innerHTML中的所有元素并独立使用.addClass？ –

- 您提供的不完整的jQuery甚至不匹配DOM中的内容。 - 我看不到有id =“id”'.--'“xxx”'的任何元素是一个真实的位置？ - 阅读['transform：translateZ（）']（https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translateZ）。 - “在innerHTML中是没有意义的，”innerHTML'是一个JavaScript方法，它不是一个元素，文档或窗口，在DOM中有一个位置 - “.addClass（）”是什么？结束，先生？坦率地说，你不清楚1.什么是问题，2.你已经尝试过了什么。 – zer00ne

您需要将transition属性添加到您的元素中，表示他们应该执行一些动画。例子：

transition: all 0.3s ease;

这将使所有类型的转换（包括以后的过渡）

来源

2016-11-06 18:39:30

即时通讯不会尝试动画它，xP，当我将它附加到滚动事件时会出现，并且翻译本质上并不需要转换 –

@SamSmith oh ok。你可以创建一个片段或运行它在jsbin中或什么？可以帮助你更好地知道确切的问题。没有完全解决问题 –

将CSS应用于td，并通过JQuery加载到html中

回答

相关问题