問題を示す例はここにあります:
ご覧のとおり、最初の[追加]ボタンのみがイベントをトリガーします。動的に生成されたボタンはそうではありません。ページの読み込み時にこれらの要素が作成されていないため、これは理解できます。
では、動的に生成された要素をイベントに登録できるようにするには、何を変更する必要がありますか?
見てくれてありがとう。
問題を示す例はここにあります:
ご覧のとおり、最初の[追加]ボタンのみがイベントをトリガーします。動的に生成されたボタンはそうではありません。ページの読み込み時にこれらの要素が作成されていないため、これは理解できます。
では、動的に生成された要素をイベントに登録できるようにするには、何を変更する必要がありますか?
見てくれてありがとう。
言及された答えはかなり古いです。可能であれば、MooTools 1.2 ではなく 1.3 にアップグレードしてください。MooTools More には、Element.Delegation パッケージがあります。このパッケージは、focus、blur、mouseenter、および mouseleave を除く、すべての MooTools ネイティブ イベントの委任を処理します。
更新された JS Fiddle は、http: //jsfiddle.net/Byyu2/1/にあります。
mootools での.live (jQuery から) の実装に関する回答は、役に立つかもしれません。
Element.cloneEvents の使用についてはどうですか?
このサンプルを確認してください: http://jsfiddle.net/Byyu2/5/
新しい行で cloneEvents() を直接呼び出すことはできないため (cloneEvents() は再帰的に機能しません)、見栄えは悪くなりますが、機能します :-)