如何在动态生成的元素上触发事件（在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（）不能递归工作），但是它可以工作:-)