javascript - 如何将处理程序附加到动态加载的链接?

标签 javascript prototypejs dom-events

如何将处理程序附加到动态加载的链接的单击事件,即它仅响应页面上的另一个操作而加载?

注意我询问如何使用 Prototype JavaScript 库来做到这一点,但也不反对 JQuery 中的其他示例。

在下面的代码中,链接位于动态加载的页面片段内:

$$('.alist').invoke('observe', 'click', function(event) {
  var clickedItem = event.findElement('a');
  if (clickedItem) {
    var href = clickedItem.readAttribute('href');
    new Ajax.Updater('detail', href, {
      method: 'get'
    });
  }
  event.stop();
});

最佳答案

jQuery:使用 .live ( http://api.jquery.com/live/ )

原型(prototype):没有直接的方法来进行.live,请参阅:Prototype equivalent for jQuery live function

关于javascript - 如何将处理程序附加到动态加载的链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3795309/

相关文章:

javascript - 如何为这个响应式水平导航添加另一个级别?

javascript - 如何使用 Prototypejs 选择名称类似于 "abc[]"的输入?

php - 使用 Ajax.Request 调用 PHP 方法

html - 在线 HTML5 粘性示例

javascript - Angular 状态的问题及解决方案

javascript - Firebase setWithPriority 导致 Firebase.update 失败

javascript - 我需要找到基于prototype.js的滑出选项卡?

javascript - onclick 事件包含剩余空间

javascript - 如何使 document.addEventListener ('click' 适用于具有 stoppropogation 的元素?

javascript - iOS Objective C - UIWebView 自动填充和执行