javascript - 设置动画延迟值

Question

是否可以将 css 属性 animation-delay 内联到 HTML 代码中设置动态值。像这样的事情:

 <u>
    <li data-ng-repeat="item in items" style="animation-delay: item.id/10 + 's'">
    </li>
 </ul>

Answer 1

您不能在 html 代码中使用 javascript 变量。您应该使用 jQuery .css设置此样式属性值

HTML:

    <u>
        <li id="animLi" data-ng-repeat="item in items"></li>
    </ul>

JS:

    $("#animLi").css( "animation-delay", item.id/10 + 's' );

<小时/>

请注意，在 Web-kit 浏览器中，您可能会遇到上述问题。比较:jQuery $.css() function not interpreting "animation-delay" properly (in webkit browsers!)