Question

我有一个内部有效果的div，动画效果很好但是当我克隆它时效果不再起作用了吗？这是代码：

 $(document).ready(function () {
     $('button').bind('click', function () {
         var parents = $(this).parents('.display');
         parents.clone(true).appendTo('body');
     });
     $('image')..fadeIn("slow"); 
 });
<html>
    <div style="display:block; position:relative;" class="display">
                <div>
                    <button class="close">close</button>
                    <h3>Camera Ready</h3>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor ea voluptatem cupiditate nemo porro ipsam possimus expedita totam ullam harum. Assumenda, sit illo nesciunt itaque magni recusandae aspernatur ex veritatis voluptate placeat. Nisi, labore, explicabo accusamus tempora odit earum incidunt expedita at ad! Ut, repellat, sint tempora perferendis aut obcaecati optio repellendus cupiditate iusto quis eligendi laudantium non incidunt hic eius dolore deleniti! Aspernatur, aliquid, sed, quae in quibusdam officia id impedit ab earum laboriosam aut numquam labore cum quaerat fugiat ex aperiam ducimus rem ullam repellat. Atque, explicabo, saepe, qui voluptates blanditiis pariatur quam aliquam vero at ad vitae?</p>
                </div>
                <img src=""/>
            </div>
</html>

Answer 1

您为li添加了静态元素的事件，而不是动态创建的li。请改用

$(".display").on("click", "li", function(){
     $(this).animate //whatever
});

克隆元素后jquery animate不起作用？

1 个答案: