如何在動態生成的元素上觸發事件（在Mootools中）

Question

可以在這里找到演示問題的示例：

http://jsfiddle.net/Byyu2/

如您所見，只有第一個“添加”按鈕會觸發事件。 動態生成的按鈕沒有。 這是可以理解的，因為在頁面加載時尚未創建這些元素。

那么，我需要更改什么以使動態生成的元素也可以注冊到事件中？

感謝您的光臨。

Answer 1

提到的答案已經很老了。 如果可以，請升級到MooTools 1.3而不是1.2。 在MooTools More中，您將找到Element.Delegation包。 該包處理所有MooTools本機事件的委派，但焦點，模糊，mouseenter和mouseleave除外。

您可以在這里找到更新的JS小提琴： http : //jsfiddle.net/Byyu2/1/

Answer 2

在mootools中實現.live（來自jQuery）的答案可能會有用。

Answer 3

怎樣使用Element.cloneEvents？

檢查此示例： http : //jsfiddle.net/Byyu2/5/

它看起來有點丑陋，因為您不能直接在新行上調用cloneEvents（）（cloneEvents（）不能遞歸工作），但是它可以工作:-)