jQuery 颜色框的问题答案

【问题标题】：Problem with jQuery ColorboxjQuery 颜色框的问题
【发布时间】：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() ;
}

【问题讨论】：

【解决方案1】：

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

live的api文档是here

【讨论】：

【解决方案2】：

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

【讨论】：