jjery colorbox调用后ajax加载无法正常工作

Question

我正在使用.load加载一些图像。我想然后点击这些图像并调用colorbox。我尝试过以下方法：

 $("a[rel='colorbox']").live('click',
      function() {
          $(this).colorbox({transition:"fade"});
      }
 );

但没有快乐。那里有什么想法吗？

Answer 1

首先，您不应该使用.live()它已被弃用。而是学习如何使用.on()你会发现这是一个更强大的倾听者，将有助于解决你的问题。

在页面加载时，DOM已准备就绪，并为选择器启动了colorbox AJAX使用颜色框选择器列表中的一些DOM元素调用页面的新部分，但是没有注意到，因为它在javascript读取选择器后加载到页面中。

请尝试以下操作 - 因为它会监视所有，现有和新body的{​​{1}}：

编辑：

#main a[rel='lightbox']

Answer 2

你断言$（“a [rel ='colorbox']”）。length＆gt; 0？

编辑：尝试此操作，看看点击相关链接是否会触发断点：

$("a[rel='colorbox']").live('click',
      function() {
          debugger;
          $(this).colorbox({transition:"fade"});
      }
 );

如果没有中断，则选择器不会对链接进行匹配（[rel ='colorbox']）。如果是，那么问题可能与您使用load（）

没有任何关系