Question

我正在尝试使用我在您网站上找到的文档就绪功能强制在页面加载时显示fancybox灯箱。这是我正在使用的代码，（我在你的网站上找到了它）。它确实强制fancybox出现在页面加载上，但它强制它在新页面中打开，当我添加$ document ready函数时它会丢失它的模态属性。

我不是非常技术性的，但经过几个小时的研究和尝试几种方法，我正在给予并寻求帮助。任何支持将不胜感激。

    <link media="all" rel="stylesheet" type="text/css" href="css/all.css" />
<link media="all" rel="stylesheet" type="text/css" href="css/fancybox.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
<script type="text/javascript" src="js/jquery.sameheight.js"></script>
    <script type="text/javascript">
$(document).ready(function() {
    $("#hidden_link").fancybox().trigger('click');
});
</script>

</head>
<body>
<div id="wrapper">
    <a name="hidden_link" id="hidden_link"  a class="lightbox" href="#popup01"></a>
</div>
<div class="popup-holder">
    <div id="popup01" class="lb">

Answer 1

您的代码是正确的，但您可能错过了为fancybox包含css或js文件。

Fancybox打开页面加载，但不再模态

1 个答案: