動的に生成された要素にイベントを追加する

Question

AJAXによって読み込まれた要素にイベントを追加するにはどうすればよいですか？

jQueryはliveですが、Mootoolsに相当するものは何ですか？例えば

：

window.addEvent('domready', function() { 
    // some code which loads new elements by ajax 

    // Filter 
    $$('.filterButton').addEvent('click', function(event) { 
     alert('wow'); 
    }); 
}); 

Answer 1

MooToolsは等価であるeventがバブリング標準（クリック、マウスオーバー/アウト/脱退/など入る）または非バブリングすることができるdelegatorElement.addEvent("event:relay(mask)", fn);介して（ぼかし、フォーカス、変更等） 。それがここにdocument.id("delegatorId")

以上のように、DOMアップ上位要素にイベントを追加する方が良いでしょう

$(document.body).addEvent("click:relay(.filterButton)", function(event, element) { 
    console.log(event, element === this); // event obj, true 
}); 

：ようになり、あなたのコード内の

http://mootools.net/docs/core/Element/Element.Delegation

イベントの委任は、1.4よりもmootools-coreにあります。以前はmootoolsにいましたが、それ以前はクストーを意味していますmビルド。