Fancybox和document.ready

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

僅當我單擊“ inline”的href鏈接時，才會顯示fancybox。 如何加載網站時彈出它？

我本來是個菜鳥，所以不要騷擾我。 提前致謝。

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后面放置script標簽，則必須按照自己的方法將其包裝在document.ready中。