克隆追加 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();
  });
});

裁判