1

长期阅读,第一次海报!=)

我在使用 jQuery 时遇到问题。我正在尝试为每个 li 添加一个样式,但是,除非 li 已经具有内联定义的特定样式,否则 jQuery 似乎什么都不做。这是一个很好的解决方法,但违背了我的代码的目标。

这是我在 codepen 上遇到的问题的示例。我分叉了另一个人的代码,试图让 jQuery 添加动画延迟,而不是在 HTML 中硬编码。我相信效果和风格只适用于 Chrome。

http://codepen.io/LetsBeNew/pen/qIuah

如您所见,我有前几个带有内联样式的 li 元素。jQuery 正确地更改了这些,但不会将样式添加到其他 li 元素。

有任何想法吗?

4

2 回答 2

0

我在 jquery 中看不到任何会在您的示例中操纵 css 的内容...在该说明中,.css 应该可以正常工作: http: //api.jquery.com/css/

于 2013-03-01T22:55:48.367 回答
0

我认为问题在于LI没有内联样式的 s 在$(document).ready()函数执行之前完成动画(或至少开始动画)。与其他 codepen 事物相比:

http://codepen.io/anon/pen/padfb

所有的LIs 都获得了边框宽度和增加的动画延迟到 10 秒。除了coral具有非常小的延迟(在这种情况下为零)的类之外。在您的情况下,每个LI没有内联样式值的延迟默认为零,这导致它在文档就绪函数有机会更改值之前开始动画。

在我上面链接的代码笔中,我输入了可以用来查看效果的数字。它们play1位于 HTML 源代码(coral LI)和play2CSS 源代码(LI 规则属性的最后一个)中。

于 2013-03-01T23:30:46.527 回答