文件准备好时，fancybox 自动答案

【问题标题】：fancybox automatically on document ready文件准备好时，fancybox 自动
【发布时间】：2012-09-14 09:51:30
【问题描述】：

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

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

这是我的代码：

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

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

【问题讨论】：

这个老问题可以帮助你stackoverflow.com/questions/8913583/…stackoverflow.com/questions/4941002/…stackoverflow.com/questions/10857849/…

标签： jquery fancybox

【解决方案1】：

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

所以正确的结构应该是

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

【讨论】：