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

Question

我试图使用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值...现在它的工作原理。

Answer 1

这很简单，

如果未加载图像，则会发生，

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

Answer 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，它的工作形式就是我。