2

我一直在尝试根据this使用jquery将css3动画设置为在整个页面加载后加载，但无济于事。任何人都知道任何其他方式，或者也许我忽略了一些东西？谢谢。

这是我的代码：

<script src="scripts/jquery-1.8.0.js" type="text/javascript"></script>

<img id="anim" src="image/some image.png" alt="image"/>
<script type="text/javascript" charset="UTF-8">
    $("window").load(function() {
        $("#anim").addClass("animation");
    });
</script>

类动画是我放置 css3 动画的地方。请注意，当我将类直接包含到图像中时，动画运行良好。

4

2 回答 2

1

看看http://api.jquery.com/ready/

回答：

<script type="text/javascript">
  $(function() {
    $("#anim").addClass("animation");
  });
</script>
于 2012-09-26T11:56:22.263 回答
1

尝试用以下内容包围您的代码：

$(document).ready(function() {
 //Your code here
})

.ready(handler)指定当 DOM 完全加载时要执行的函数。

并且handler是在 DOM 准备好后执行的函数。

虽然 JavaScript 提供了在页面呈现时执行代码的加载事件，但在完全接收到所有资产（例如图像）之前，不会触发此事件。在大多数情况下，只要完全构建了 DOM 层次结构，就可以运行脚本。传递给的处理程序.ready()保证在 DOM 准备好后执行，因此这通常是附加所有其他事件处理程序并运行其他jQuery代码的最佳位置。当使用依赖 CSS 样式属性值的脚本时，在引用脚本之前引用外部样式表或嵌入样式元素很重要。

在这里查看更多

于 2012-09-26T11:59:38.773 回答