0

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>

ご覧になりたい場合は、こちらのページをご覧ください。

ありがとう

4

2 に答える 2

2

jQuery エフェクト/アニメーションを使用しても、DOM から要素が削除されるわけではなく、非表示になるだけです。したがって、完全なコールバックを使用して、再度表示されるようにするだけです。

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

ここでフィドル：http://jsfiddle.net/HBepC/1/

于 2013-05-08T21:56:10.297 に答える