Question

我试图使div元素爆炸然后重新出现。这部分工作正常，但是当创建新的div时，爆炸效果将不会对副本起作用。

这是我的Jquery：

   $(document).ready(function(){
        $("#thediv").click(function(){
            $("#thediv").effect('explode');
            $(".mainBody").append("<div id='thediv'> </div>");
        });
    });

这是我的Html：

    <div class="mainBody" align = "center">
        <div id="thediv" style=" width: 100px; height: 100px; background-image: url('http://smartisan.net/stripes.png')"></div>
    </div>

如果您想看到它，请点击此处：Right Here

由于

Answer 1

使用jQuery效果/动画不会从DOM中删除元素，它只是隐藏它。所以你只需要使用完整的回调来再次将其设置为可见。

$("#thediv").click(function(){
     $("#thediv").effect('explode', function() {
         $(this).show()
     });

在这里小提琴：http://jsfiddle.net/HBepC/1/

Answer 2

$(document).ready(function(){
    $("body").on("click","#thediv",function(){
        $("#thediv").effect('explode');
        $(".mainBody").append("<div id='thediv'> </div>");
    });
});

使用带有事件名称的“on”来绑定动态加载的元素

如何在新创建的元素上使用Jquery效果（爆炸）

2 个答案: