javascript - 页面元素飞来飞去

Question

我的目的是修改我的页面以通过“飞入”来加载元素。我发现this JSFiddle example ，我现在应该让它在页面加载时发生，而不需要单击任何内容。所以它会在页面加载时触发。

$(function() {
    $("#add-sidebar-module").on("click", function() {
        $("<div />", {
            'class': "module",
            text: "I'm new here."
        }).prependTo("#sidebar");
    });

    $("#add-article").on("click", function() {
        $("<div />", {
            'class': "module",
            html: "<h1>Title</h1><p>text text text.</p>"
        }).prependTo("#main");
    });
});

我还担心页面加载和动画存在某种问题。欢迎提供确保尽可能顺利的提示和技巧!

Answer 1

http://jsfiddle.net/PJN6r/

<div class="animate-on-load">
    This is animated
</div>


$('.animate-on-load').addClass('module');

按照您的要求。

我不建议触发页面加载的点击。只需在加载时添加类即可。