2

我正在使用淡入/淡出我的 div 的 jQuery 脚本,因此我可以为我的网站提供一个页面。我还使用 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

4

1 回答 1

2

实际上,点击代码也适用于画廊链接。要从您当前的点击代码中排除画廊锚标签,请使用not()方法或 jquery 中的选择器。

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

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

或者

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

祝你好运 !!

于 2012-10-13T18:38:38.637 回答