有没有JavaScript原型的功能类似于Jquery的现场跟踪动态DOM元素？ [英] Is there any Prototype Javascript function similar to Jquery Live to trace dynamic dom elements?

问题描述

Event.observe(window,"load",function() {
  $$(".elem_classs").findAll(function(node){
    return node.getAttribute('title');
  }).each(function(node){
    new Tooltip(node,node.title);
    node.removeAttribute("title");
  });
});

使用上面的方法，我可以检索的所有元素具有。elem_class并应用在他们身上一些JavaScript功能。但我有一个模式/弹出框里面有一些内容也有.elem_class这些不得到的findAll范围/每个因为他们被加载到DOM直通阿贾克斯。

Using above method, I can retrieve all elements having ".elem_class" and apply some javascript functions on them. But I have a modal/popup box which has some elements also having ".elem_class" and these dont get in the scope of findAll/each as they are loaded into the dom thru ajax.

我如何申请相同的动态加载的元素呢？ 我使用的原型库。 （我已经使用jQuery的直播功能，这使今后所有元素的轨道，但需要实现使用原型类似的东西）

How do I apply the same to dynamically loaded elements as well? I am using Prototype Library. (I have used JQuery's Live function which keeps track of all future elements, but need to achieve something similar using Prototype)

感谢。

推荐答案

据我所知，事件代表团机器人内置原型，但它不应该太难做你自己。只需添加一个处理程序，以观察其对时身体然后使用的 赛事＃findElement ，以检查是否你的选择相匹配。

As far as I know, event delegation is bot built into Prototype, but it shouldn't be too difficult to do on your own. Simply add a handler to observe the event on the body then use Event#findElement to check if it matches your selector.

下面是一个简单的功能，设置了代表团对您（负载运行此）：

Here is a sample function that sets up the delegation for you (run this on load):

/**
 * event_type: 'click', 'keydown', etc.
 * selector: the selector to check against
 * handler: a function that takes the element and the event as a parameter
 */
function event_delegator(event_type, selector, handler) {
  Event.observe(document.body, event_type, function(event) {
    var elt = Event.findElement(event, selector);
    if (elt != document)
      handler(event, elt);
  });
}

您也许可以扩展单元来处理这个给你，精简一切。希望这有助于！

You could probably extend Element to handle this for you, streamlining everything. Hope this helps!

编辑：悬停事件（或mousein / mouseout事件）应该是一个很好的事件的工具提示。另外，不要在加载的所有元素，即使用事件委派时是不必要的。以下是有关事件委派链接到更多：<一href="http://www.sitepoint.com/blogs/2008/07/23/javascript-event-delegation-is-easier-than-you-think/" rel="nofollow">http://www.sitepoint.com/blogs/2008/07/23/javascript-event-delegation-is-easier-than-you-think/

The hover event (or mousein/mouseout) should be a good event for a tooltip. Also, don't get all the elements on load, that's unnecessary when using event delegation. Here's a link to more about event delegation: http://www.sitepoint.com/blogs/2008/07/23/javascript-event-delegation-is-easier-than-you-think/

这篇关于有没有JavaScript原型的功能类似于Jquery的现场跟踪动态DOM元素？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！