jquery - Shadowbox 和 jQuery div 推子之间的冲突

Question

我正在使用一个 jQuery 脚本，它可以淡入/淡出我的 div，这样我的网站就可以有一个页面。我还使用 Shadowbox 脚本在图库中显示我的图像。

问题是，当我单击缩略图(打开 Shadowbox 和我的图像)时，它会清除 div 的内容。所以我最终得到了一个空白页。

这是我的推子脚本:

  document.documentElement.className += " js";   
  $(function(){
    var $containers = $("#right > div").hide();
    $containers.eq(0).show();

    $('a').each(function(i,el){
      var idx = i;
      $(this).click(function(e){
        var $target = $containers.filter(':eq(' + idx + ')');
        if($containers.filter(':visible').not($target).length){
          $containers.filter(':visible').fadeOut(400, function(){
            $target.not(':visible').fadeIn(400);
          });
        } else {
          $target.not(':visible').fadeIn(400);
        }

      })
    })
  });

所以这就是这个脚本的工作来替换 div 内容，但是当我启动它时是否可以为 Shadowbox 脚本破例？

工作文件在这里:http://www.hyker.be/minimal

脚本(阴影盒和推子):http://www.hyker.be/minimal/js/misc.js

Answer 1

实际上，点击代码也适用于图库链接。要从当前点击代码中排除图库 anchor 标记，请使用 not() jquery 中的方法或选择器。

在您的情况下，代码应该是:

$('a').not("a[rel*=shadowbox]").each(function(i,el){
    //existing stuff
})

或

$('a:not(a[rel*=shadowbox])').each(function(i,el){
    //existing stuff
})

祝你好运!!