Question

所以我有fancybox的代码：

$(".fancybox").fancybox({
    beforeShow: function () {
        var alt = this.element.find('img').attr('alt');
        this.inner.find('img').attr('alt', alt);
        this.title = alt;
    }
});

和

$(document).ready(function () {
    $(".fancybox").fancybox({
        helpers: {
            overlay: {
                locked: false
            }
        }
    });
});

当我尝试使用它们时，我收到语法错误：

$(document).ready(function () {
    $(".fancybox").fancybox({
        helpers: {
            overlay: {
                locked: false
            }
        }
        beforeShow: function () {
            var alt = this.element.find('img').attr('alt');
            this.inner.find('img').attr('alt', alt);
            this.title = alt;
        }
    });
});

当我单独使用它们时，两个fancybox功能都不起作用。

<script>
 $(document).ready(function () {
        $(".fancybox").fancybox({
            helpers: {
                overlay: {
                    locked: false
                }
            }
        });
    });
</script>
<script>
    $(".fancybox").fancybox({
        beforeShow: function () {
            var alt = this.element.find('img').attr('alt');
            this.inner.find('img').attr('alt', alt);
            this.title = alt;
        }
    });
</script>

我如何同时使用它们？

Answer 1

您在helpers: { ... }和beforeShow: function() { ... }之间的第7行的对象属性中缺少逗号

$(document).ready(function () {
    $(".fancybox").fancybox({
        helpers: {
            overlay: {
                locked: false
            }
        }, // <-- this comma right here is missing in your code
        beforeShow: function () {
            var alt = this.element.find('img').attr('alt');
            this.inner.find('img').attr('alt', alt);
            this.title = alt;
        }
    });
});

一起使用两个fancybox方法

1 个答案: