克隆追加Jquery停止效果

时间:2017-11-11 04:38:38

标签: javascript jquery html clone

克隆的视差jquery在追加到dom后停止工作。 查看我的示例:https://codepen.io/anon/pen/rYOrEO

HTML:

<div class="container">
  <a href="#" class="clone">Clone</a>
</div>
<section class="content">
  <div class="jumbotron text-center bg-faded my-5" style="background: url('http://lorempixel.com/1200/600/abstract/1') no-repeat center;" data-paroller-factor="0.5">
    <h1 class="heading-1 py-5 text-white">Hello Parallax!</h1>
  </div>
</section>

JS:

$(window).paroller();
$(function(){
  $('.clone').on('click', function() {
    alert('hi');
    $(".jumbotron").clone().appendTo(".content");
  });
});

1 个答案:

答案 0 :(得分:0)

只需使用

$('#grolsh').clone(); // Copies the element structure

$('#grolsh').clone(true) // Copies both data and events along with the structure

$('#grolsh').clone(true).off() // Copies both data and events and removes handlers

Events bound with .on() and removed using .off();

Events bound with .bind() and removed using .unbind();

//您的更新代码可以提供帮助

$(window).paroller();
$(function(){
  $('.clone').on('click', function() {
    alert('hi');
        $(".jumbotron").clone(true).prependTo(".content");
        $(window).paroller();
  });
});

ref