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

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