添加Ajax内容后单击事件不起作用

Question

基本上，我有一个页面加载页面加载Ajax内容。灯箱（与ajax内容无关）具有Event.observe点击事件，这些事件在加载ajax产品时停止工作。我可以使用jQuery的.live方法，但不熟悉Prototype。

示例不工作点击事件：

Event.observe('closeLink', 'click', function () {  
    RunSomeFuntion.close();          
    ClearAll();  
});

即使在页面加载时添加了Ajax内容，如何使用Prototype使事件（见上文）保持正常运行。

Answer 1

事件委托是解决方案。使用on。请参阅http://prototypejs.org/learn/event-delegation。

$('ancestorID').on('click', '.closeLink', function(event, element) {
    var clickedLink = event.element;
    RunSomeFuntion.close();
    ClearAll();
});

Answer 2

基本上您需要重新执行事件绑定。遗憾的是，Prototype与.live没有任何相似之处。