的fancybox不使用jQuery標籤工作

我的fancybox我的網站上，例如在這裏工作，向下滾動到海洋勘探相冊：的fancybox不使用jQuery標籤工作

http://www.sea.edu/academics/oe

我已經添加了jQuery的選項卡頁面的測試版本，得到了這個工作，但現在在一個選項卡內的FancyBox不起作用。被點擊的圖像在新窗口中打開。我猜這個FancyBox函數沒有在標籤中被激活，但不知道如何解決它。見例如非工作頁面，在圖片庫標籤庫：

http://www.sea.edu/academics/oe_testing

下面是其他頁面上的運作功能：

<script type="text/javascript"> 
    $(document).ready(function() { 
    $("a[rel=fancygallery]").fancybox({ 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none', 
      'titlePosition'  : 'over', 
      'titleFormat'  : function(title, currentArray, currentIndex, currentOpts) { 
       return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + '/' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>'; 
      } 
     }); 

    }); 
</script>

我已經改變了「_testing 「頁面去除對不同版本的jQuery庫的引用，但這並沒有解決問題。經過一番搜索，我試圖改變這一點，仍然沒有運氣：

<script type="text/javascript"> 
    $("#OEtabs-3").each(function() { 
    $("a[rel=fancygallery]").fancybox({ 
      'transitionIn'  : 'none', 
      'transitionOut'  : 'none', 
      'titlePosition'  : 'over', 
      'titleFormat'  : function(title, currentArray, currentIndex, currentOpts) { 
       return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + '/' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>'; 
      } 
     }); 

    }); 
</script>

任何意見非常感謝！

來源

2013-04-30 Lauren

你能提供一個[例子的jsfiddle（http://jsfiddle.net）？ – Dom 2013-04-30 18:28:03

你必須與所使用的fancybox 1.3.4棄用的jQuery.browser MSIE財產的問題（見Error jquery-ui draggable Cannot read property 'msie'）所以，你必須降級到jQuery 1.8.3或更好地使用新fancybox 2（但要注意的非商業許可證的在這裏）。

見小的演示與jQuery 1.8.3和fancybox 1.3.4這裏：http://jsfiddle.net/JUtz2/ 與jQuery 1.9.1和fancybox 2.1.4這裏的版本：http://jsfiddle.net/M9jUm/1/

來源

2013-04-30 18:56:36 orzechow

謝謝@Pio！讓我的版本對齊了訣竅。 – Lauren 2013-04-30 20:01:50

@Lauren：關於這個問題的更多信息http://stackoverflow.com/q/14344289/1055987該帖子包含可能的解決方法和/或fancybox v1.3.4補丁文件，與jQuery v1.9 + – JFK 2013-04-30 21:03:40

的fancybox不使用jQuery標籤工作

回答

相關問題