将javascript绑定到动态创建的锚点元素

我试图将jquery.qtip用于jquery.datatables中的锚点元素。将javascript绑定到动态创建的锚点元素

它基本上是如何工作的，就是在锚元素上，我把一个tooltip =“tooltip desc”赋给了锚元素。

而在js文件，我把以下内容：

$('.simpletable a[tooltip]').each(function() 

{ 

    $(this).qtip({ 

    content: $(this).attr('tooltip'), 

    style: 'dark' 

    }); 

});

它适用于只是普通的数据表，但是当源是AJAX，它停止工作。我猜这是因为一旦dom准备就绪，qtip就会与锚点元素绑定。但是，那时候，阿贾克斯尚未准备好。因此使用ajax源的数据表不会绑定到qtip。

有没有办法解决这个问题？在ajax调用完成后，我一直在试图找到一个调用上述js脚本的方法，但我似乎无法找到如果可能。

感谢，

弗兰克

来源

2011-07-19 Yoonho Frank Jung

使用面向未来的结合观察者如live()或delegate()：“附加处理该事件对于当前选择现在和未来的匹配这，所有的元素。 “

$('.simpletable a[tooltip]').each(function() 
{ 
    $(this).live('qtip',function({ 
    content: $(this).attr('tooltip'), 

    style: 'dark' 

    }); 
});

http://api.jquery.com/live/

来源

2011-07-19 21:05:32 AlienWebguy

还有一个教程使用的人住在qTip2网站/代表，如果你正在使用qTip2： http://craigsworks.com/projects/qtip2/tutorials/events/#live – kiddailey

太感谢你了AlienWebguy！ –

很高兴帮助！ :) – AlienWebguy

感谢AlienWebguy，我学到了现场。 qtip2日期：Wed Jul 20 11:31:55 PDT 2011，以下为我工作：

$（'。simpletable a [title ] '）。住（' 鼠标悬停”，函数（事件）{$ （本）.qtip（{
overwrite: false, 
show: { 
    event: event.type, 
    ready: true 
} 
}，事件）; }）;

非常感谢你AlienWebguy！你不知道我多么感谢你的帮助！

来源

2011-07-21 01:12:41

将javascript绑定到动态创建的锚点元素

回答

相关问题