Fancybox 和 document.ready答案

【问题标题】：Fancybox and document.readyFancybox 和 document.ready
【发布时间】：2013-11-07 11:25:12
【问题描述】：

我对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

fancybox 只有在我点击“inline”的 href 链接时才会出现。我怎样才能让它在网站加载时弹出？

我本来就是菜鸟，所以不要骚扰我。提前致谢。

【问题讨论】：

错字缺少$ 符号$(document)。
fancybox 只有在你点击“inline”的href链接时才会出现。这就是插件应该如何工作的。如果要触发点击事件，可以使用$(theelement).click()

标签： jquery popup fancybox href document-ready

【解决方案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 中。

【讨论】：

或者你可以像这样链接它：$(".various").fancybox({//options}).trigger("click")