Javascript 无法加载显示请求内容的fancybox内联。请稍后再试

Javascript 无法加载显示请求内容的fancybox内联。请稍后再试,javascript,fancybox,Javascript,Fancybox,我正在尝试使用fancybox内联显示。但当前它会弹出,但显示错误“无法加载请求的内容。请稍后再试。”。下面是代码 <script type="text/javascript"> jQuery(document).ready(function() { $(".various").click(function() { parent.$.fancybox({ 'padding' : 0, 'autoScale' : false

我正在尝试使用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>

jQuery(文档).ready(函数(){
$(“.Variable”)。单击(函数(){
父项。$.fancybox({
“填充”:0,
“自动缩放”:false,
“transitionIn”:“无”,
“transitionOut”:“无”,
“宽度”:640,
‘高度’:385,
“类型”:“内联”
});
返回false;
});
});
我用fancybox的地方

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

找到了解决方案

问题是,我需要将类型从inline更改为iframe。并在javascript中插入“href”字符串,并从链接中删除href。对于“this.href”中的href值。。。现在它工作了。

它很简单

如果图像未加载,则会发生这种情况

请检查img标签中的图像源,然后继续

$('.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及其工作表单传递给我。

尝试将其更改为文本,甚至检查图像位置。图像位置正确。不显示文本,但仍然显示错误创建一个fiddle()和更新链接,将实际看到:)我解决了它。检查上面的解决方案部分。谢谢你的帮助MarmiK