clone（）はイベント/プラグインをバインドしません

Question

私は視差を私が複製するが、私は複製した後、視差はクローンされた要素のために機能しなくなります。 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> 

はJavaScript：

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

例：
は私の例を確認してくださいhttps://codepen.io/anon/pen/rYOrEO

ありがとう事前に

Answer 1

私はこれまでにも同様の問題を抱えていました。それはCSSが問題になりました。

私はあなたがこの例と同様にクローン化されたdiv要素のオブジェクトを作成する必要があり、それを修正する権利を思い出した場合は：私のvar要素で

今

// will be different for you!! but might set you on the right direction 
var divToClone = document.getElementsByID("#cloneMe"); 
var clone = divToClone.cloneNode(true); 
var element = clone.getElementsByTagName("h1"); 

を、私はこの

のように再び属性およびスタイルを追加することができます

//Nothing to do with parallax here but look at you CSS and fill it in again like below 
element.innerHTML = "Whatever you want or need"; 
element.style['background']= "url(/iwa/images/16x16/randomExample.png) no-repeat, fixed"; 
element.style['background-position']='center right'; 
element.style['border']='none'; 

希望に役立ちます！