Question

我有Fancybox在我的网站上工作，例如这里，向下滚动到Ocean Exploration Photo Gallery：

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>

非常感谢任何建议！

Answer 1

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/

Fancybox不使用jQuery选项卡

1 个答案: