jQuery 颜色框的问题

Posted 2023-02-16

【中文标题】jQuery 颜色框的问题

【英文标题】：Problem with jQuery Colorbox

【发布时间】：2010-08-04 21:02:42

【问题描述】：

我有一个使用 ajax jquery 和 colorbox 的网站。

在 div "#content" 内有一些指向其他页面的链接，这些页面可以使用颜色框正常打开。

如果我使用 ajax jquery 重新加载该 div 的内容，那么链接将不再使用颜色框效果弹出。

我尝试创建一个函数，每当我调用更改 div #content 内容的函数时都会调用该函数，但没有运气。我知道每次我将新内容加载到包含 rel="colorbox" 的页面时，我必须重新初始化/重新加载颜色框到 DOM，但我无法弄清楚如何。我在里面调用它

function showcategory() 
reinit();
...


function reinit() 
  $('a[rel*=colorbox]').colorbox() ;

【问题讨论】：

***.com/questions/4801058/… -- find 方法在这里完成了工作..

【参考方案1】：

尝试使用live 而不是bind 附加您的处理程序。这在 div 中的内容重新加载后仍然存在

live的api文档是here

【参考方案2】：

对于动态生成的内容事件，您必须使用live() 方法或delegate 方法。