Question

我是jquery的新手，除此之外，我为无知而道歉。我无法弄清楚为什么这个脚本不会影响任何东西。我点击缩略图，然后我得到一个包含完整图像的新页面，没有fancybox。我检查了脚本链接（这里没有显示），它们看起来是正确的，所以我认为这段代码不能以某种方式有效。有趣的是它与早期版本的FancyBox一起使用。请帮忙，如果需要更多信息来回答，请告诉我。谢谢。

<script type="text/javascript">
    $(document).ready(function () {

        $("a.projectgallery").fancybox({
            'transitionIn'      : 'fade',
            'transitionOut'     : 'fade',
            'titlePosition'     : 'over',
            'titleShow'     : 'true',
            'overlayShow'       : 'true',
            'overlayColor'      : '#fff',
            'overlayOpacity'    : '0.9',
            'showNavArrows'     : 'true',
            'enableEscapeButton'    : 'true',
            'scrolling'     : 'no',
            'onStart':function(currentArray,currentIndex,currentOpts){
                var obj = currentArray[ currentIndex ];
                if ($(obj).next().length)
                this.title = $(obj).next().html();},
            'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">' + title + '</span>';
            }
        });
    });
</script>

Answer 1

尝试分离功能：

function formatTitle(title, currentArray, currentIndex, currentOpts) {
    return '<span id="fancybox-title-over">' + title + '</span>';
}
$(document).ready(function () {

        $("a.projectgallery").fancybox({
            'transitionIn'      : 'fade',
            'transitionOut'     : 'fade',
            'titlePosition'     : 'over',
            'titleShow'     : 'true',
            'overlayShow'       : 'true',
            'overlayColor'      : '#fff',
            'overlayOpacity'    : '0.9',
            'showNavArrows'     : 'true',
            'enableEscapeButton'    : 'true',
            'scrolling'     : 'no',
            'titleFormat'       : formatTitle
        });
    });

Answer 2

所有布尔值或整数值都应设置为不带引号，因此'overlayShow': 'true'应为'overlayShow': true而'overlayOpacity' : '0.9'应为'overlayOpacity' : 0.9。

Answer 3

所以，我再次证明，最简单，最明显的解决方案通常是最好的解决方案......

我的链接不正确：

这......

<script type="text/javascript" src="/fancybox/jquery.easing-1.3.pack.js"></script>

应该是这个......

<script type="text/javascript" src="fancybox/jquery.easing-1.3.pack.js"></script>

感谢您的帮助，伙计们。抱歉愚蠢，浪费你的时间。

Fancybox jQuery，可能是简单的错误

3 个答案: