jquery - 文件准备好时，fancybox 自动

Question

每次加载页面时，我都会加载一个精美的框。但是当fancybox打开时给我这个错误：

无法加载请求的内容。请稍后再试。

这是我的代码：

<script type="text/javascript">
    $(document).ready(function() {
        $("#inline1").fancybox().trigger('click');
    });
</script>

<div id="inline1" style="display:none;">
    <p>
    Some text
    </p>
</div>

Answer 1

如果您使用的是 fancybox v1.3.4（很可能），那么您需要将您的inline内容包装在一个 hidden 中div；换句话说，inline（目标）内容不应该具有属性display: none，而是父包装器。

所以正确的结构应该是

<div style="display:none;">
  <div id="inline1">
    <p> Some text </p>
  </div>
</div>