花式框内联显示无法加载请求的内容。请稍后再试答案

【问题标题】：fancybox inline showing The requested content cannot be loaded. Please try again later花式框内联显示无法加载请求的内容。请稍后再试
【发布时间】：2013-03-15 05:54:51
【问题描述】：

我正在尝试使用 fancybox 显示内联。但目前它弹出但显示错误“无法加载请求的内容。请稍后再试。” .下面是代码。

<script type="text/javascript">
jQuery(document).ready(function() {

$(".various").click(function() {
    parent.$.fancybox({
        'padding'       : 0,
        'autoScale'     : false,
        'transitionIn'  : 'none',
        'transitionOut' : 'none',
        'width'         : 640,
        'height'        : 385,
        'type'          : 'inline'
    });

    return false;
});



});
</script>

以及我使用fancybox的地方

<a class="various" href="#inline3">Inline</a>
    <div id="inline3" style="display:none;" ><img src="https://xxxxx" /></div>

找到了解决方案！

问题是，我需要将类型从内联更改为 iframe。并在javascript中插入一个'href'字符串并从链接中删除href。并且对于放入“this.href”的href值......现在它可以工作了。

【问题讨论】：

标签： javascript fancybox

【解决方案1】：

简单，

如果图片没有加载，就会发生，

请检查img标签中的图片来源，然后继续。

【讨论】：

尝试将其更改为文本，甚至检查图像位置。图片位置正确。不显示文本但仍然显示错误
创建一个小提琴 (jsfiddle.net) 并更新链接，实际会看到:)
我解决了。检查上面的解决方案部分。感谢您的帮助 MarmiK

【解决方案2】：

$('.fancybox').fancybox({
            autoSize : true,
            autoResize : true,
            autoDimensions : false,
            padding: 25,
            width : 630,
            openEffect : 'elastic',
            closeEffect : 'elastic',
                        type : 'iframe',
                        href :'Pass your url'
});

在我的例子中，我没有使用 this.href，而是传递了 url，它的工作形式是我。

【讨论】：