jquery - jQuery.clone() & Event.observe() 経由で適用された Prototype.js イベントオブザーバーを保持

Question

外部ライブラリを私のプロジェクトに統合しています。残念ながら、この外部ライブラリは Prototype を使用していますが、私のプロジェクトは jQuery に依存しています。次の問題を除いて、これは機能しています。

残念ながら、複製されたコピーはEvent.observe()もう Prototype のリスナーにバインドされていません。

jQuery.clone() は 2 つのパラメーターを受け入れてイベントハンドラーもコピーすることに既に気付きましたが、これは jQuery 自体のイベントハンドラーに対してのみ機能し、別のライブラリを介して適用されたものでは機能しないと思います。

Prototype イベントハンドラーを失うことなく、要素のコピーを作成する方法を知っている人はいますか?

score 0 · Accepted Answer

このHTMLを考えると

<div id="mydiv">with content</div>

これにより、要素が複製されます

var newdiv = $('mydiv').clone();

クローンに深いクローンを作成させ、すべての子要素をクローンする場合は、パスも渡しますtrue

var newdiv = $('mydiv').clone(true);

ただし、このclone()メソッドはオブザーバーをコピーしません。そのため、オブザーバーを DOM の上位に配置して、バブルアップするイベントを監視することをお勧めします。

このHTMLを考えると

<div id="mydiv" class="cloneclick">with content</div>

<body>たとえば、クローンされた div にはまだクラスcloneclickがあり、イベントハンドラーをトリガーします

$$('body').first().on('click','.cloneclick',function(){
    alert('click happened');
});

jquery - jQuery.clone() & Event.observe() 経由で適用された Prototype.js イベント オブザーバーを保持