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

Click Event Not Working After Ajax Content Added

本文关键字：事件 工作 添加 Ajax 单击      更新时间：2023-09-26

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

示例不工作点击事件：

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

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

事件委派就是解决方案。使用on。看见http://prototypejs.org/learn/event-delegation.

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

基本上，您需要重新执行事件绑定。遗憾的是，Prototype并没有任何类似于.live的东西。

相关文章：