如何在动态生成的元素上触发事件（在mootools中）

Question

可以在此处找到证明问题的示例：

http://jsfiddle.net/Byyu2/

正如您所看到的，只有第一个“添加”按钮才会触发事件。动态生成的按钮不会。这是可以理解的，因为在页面加载时尚未创建这些元素。

那么我需要更改什么才能将动态生成的元素也注册到事件中？

感谢您的光临。

Answer 1

提到的答案很古老。如果可以，请升级到MooTools 1.3而不是1.2。在MooTools More中，您将找到Element.Delegation包。该程序包处理所有MooTools本机事件的委派，除了焦点，模糊，鼠标中心和鼠标离开。

你会在这里找到一个更新的JS小提琴：http://jsfiddle.net/Byyu2/1/

Answer 2

implementing .live (from jQuery) in mootools上的答案可能会有所帮助。

Answer 3

如何使用Element.cloneEvents？

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

它看起来有点难看，因为你不能直接在新行上调用cloneEvents（）（cloneEvents（）不能递归地工作），但是它可以工作： - ）