2013-07-23 3 views
0

У меня есть div, который имеет некоторый эффект внутри, и анимация работает отлично, но когда я клонирую его, эффект больше не работает? вот код:jquery animate dosent work after clone the elemnt?

$(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> 
+0

Пожалуйста, вставьте полный код, если возможно, '$ (this) .animate' ...., а также разметку HTML, которую вы используете. –

+0

Можете ли вы разместить HTML-код? – melancia

+0

Давай, ребята ... Разве вы не можете догадаться об этом из своего хрустального шара? Любители! – Virus721

ответ

0

Вы прикрепили событие для li для статического элемента не для динамически создаваемых li-х гг. Используйте это вместо

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

Я думаю, что это должно быть $ ('ul'). On ('click,' li 'function() {$ (this) .animate // whatever}), потому что li добавляются динамически, вы должны выбрать своего родителя (кто доступно при запуске этого кода) – Tdelang

+0

@Tdelang Да, это альтернатива для 'delegate()' mine - альтернатива для 'bind()'. [Это сообщение] (http://stackoverflow.com/a/8065403/456135) сделало бы это очень ясным – anu

+0

Благодарю вас за ответы, они решили мою проблему – architesa