克隆追加 Jquery 停止效果

Question

克隆的视差 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");
  });
});

Answer 1

随便用

$('#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