javascript - 一起使用两种 fancybox 方法

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

第 7 行的对象属性中 helpers: { ... } 和 beforeShow: function() { ... }

$(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;
        }
    });
});