Question

尝试使用fancybox插件和按钮帮助程序。我可以创建一个工作库，但按钮助手不会显示。我已验证所有链接，他们指向正确的位置。我不知道为什么它没有显示，也看不出任何错误。

我发现其他一些帖子指出按钮帮助器不会显示，除非你有一个画廊，但我明确做到并且它有效...但是没有按钮帮助器显示。

的CSS：

<link href="/assets/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet" type="text/css"/>
<link href="/assets/plugins/fancybox/source/helpers/jquery.fancybox-buttons.css" rel="stylesheet" type="text/css"/>

JS：

<script src="/assets/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script>
<script src="/assets/plugins/fancybox/source/helpers/jquery.fancybox-buttons.js" type="text/javascript"></script>

测试图库链接：

<p><a class="fancybox-test" rel="fancybox-button" title="test one" href="/assets/img/gallery/image3.jpg">test</a></p>
<p><a class="fancybox-test" rel="fancybox-button" title="test two" href="/assets/img/gallery/image3.jpg">test</a></p>

我在文档加载时的初始化：

$(document).ready(function() {
    $(".fancybox-test").fancybox({
        prevEffect      : 'none',
        nextEffect      : 'none',
        closeBtn        : false,
        helpers     : {
            title   : { type : 'inside' },
            buttons : {}
        }
    });
});

Answer 1

有z-index问题并需要更改：

#fancybox-buttons {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 10000;
}

fancybox按钮助手没有显示 - 不明白为什么

1 个答案: