0

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

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

4

2 回答 2

1

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

例如：http: //jsfiddle.net/Ec3x9/8/

于 2012-08-07T01:32:44.937 回答
0

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

试一试，看看它是否能解决您的问题。但是，这会破坏 FF 和 Chrome 的样式。因此，您必须添加一些聪明才智以使设计适用于 IE 7 和 Chrome/FF。

于 2012-08-07T01:36:09.930 回答