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

时间:2013-03-15 05:54:52

标签: javascript fancybox

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

2 个答案:

答案 0 :(得分:0)

IT很简单,

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

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

答案 1 :(得分:0)

$('.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,它的工作形式就是我。