如何将css样式应用于jquery效果

Question

我有一个包含列表的页面。我有一个按钮可以将新项目添加到列表中。我想将JQuery-UI效果应用于添加新项目，我的问题是当显示效果动画时，列表项未设置样式。看到这个小提琴 - http://jsfiddle.net/Ec3x9/2/。

您可以看到，当用户单击“创建”按钮时，将显示该项目的动画，但由于未应用CSS，因此列表项目文本位于图标下方。我想显示列表项的动画。我该怎么做？

Answer 1

删除CSS声明中>和ul之间的li字符。 jquery做的是在动画之前用li元素包裹div元素。当发生这种情况时，li不再是ul的直接后代，因此在动画期间不会应用您的样式。

Ex：http://jsfiddle.net/Ec3x9/8/

Answer 2

看起来样式在IE 7中无法正常工作。在FF和Chrome中，文本显示在图像图标旁边。对于IE，您可以删除line-height或将其设置为0，它应该有效。

给它一个去看看它是否解决了你的问题。但是，这将打破FF和Chrome的风格。因此，您必须添加一些智能才能使设计适用于IE 7和Chrome / FF。