Question

我的fancybox和document.ready有问题。我希望fancybox在文档加载后立即启动，但由于某种原因它无法正常工作。我尝试了几件事，我总是以相同的结果结束。

$(document).ready(function () {
    $(".various").fancybox({
        maxHeight: 400,
        maxWidth: 600,

        fitToView: false,
        autoSize: true,
        width: '70%',
        height: '70%',
        autoSize: false,
        closeClick: false,
        openEffect: 'none',
        closeEffect: 'none',
        scrolling: 'auto',
    });
});
</script>

<a class="various" href="#inline">Inline</a>
<p> Test </p

只有点击“内联”的href链接才会显示fancybox。如何在网站加载时弹出它？＃/ p>

我首先是一个菜鸟，所以不要骚扰我。提前谢谢。

Answer 1

你不能那样做。

尝试

$(".various").fancybox({
    maxHeight: 400,
    maxWidth: 600,

    fitToView: false,
    autoSize: true,
    width: '70%',
    height: '70%',
    autoSize: false,
    closeClick: false,
    openEffect: 'none',
    closeEffect: 'none',
    scrolling: 'auto',
});

$(".various").click();

您想要实际触发点击。

注意：如果脚本标签没有放在.various之后，你必须将它包装在document.ready中，就像你自己一样。

Fancybox和document.ready

1 个答案: