Fancybox可用作页面加载,但不能用于页面加载

时间:2012-01-10 14:36:43

标签: jquery fancybox

我的网站上安装了fancybox,我收到了一些奇怪的行为。如果我刷新页面并按下图片作为页面加载fancybox将弹出并工作。页面完成加载后再按一下图片时显示“无法加载请求的内容。请稍后再试。”

为什么会这样做?它已经让我一次查看图片但是在页面完全加载后它无法找到图片?我可以在页面加载时按下图片,然后关闭它,然后再打开它没有任何问题。只要该页面没有完成加载,我就能做到。

更新

这是在attachment.html中:

<a class="various" href="#inline">
    <img src="{_file.F_FILE_THUMB_IMAGE}" alt="{_file.DOWNLOAD_NAME}" width="400px" />
</a>
<div id="inline" style="display:none;">
    <div id="mediaplayer" style="padding:10px;"></div>
</div>
<script type="text/javascript"> 
    // <![CDATA[ 
    jwplayer("mediaplayer").setup({ 
        'flashplayer':'/test/player/player.swf', 
        'file':'{_file.F_FILE}', 
        'image':'{_file.F_FILE_THUMB_IMAGE}', 
        'volume':'25', 
        'provider':'video', 
        'width': '640', 
        'height': '480'     
    }); 
    // ]]> 
</script>

这是来自overall_header.html

<link rel="stylesheet" href="/test/js/fancybox/jquery.fancybox.css?v=2.0.4" type="text/css" media="screen" />
<script type="text/javascript" src="/test/js/fancybox/jquery.fancybox.pack.js?v=2.0.4"></script>
<script type="text/javascript"> 
    // <![CDATA[ 
    $(document).ready(function() { 
        $(".various").fancybox({ 
            fitToView: true, 
            width: '75%', 
            height: '75%', 
            autoSize: true, 
            closeClick: false,
            closeBtn: 'true',
            scrolling: 'no', 
            padding: '5', 
        }); 
    }); 
    // ]]>
</script>
<script type="text/javascript" src="/test/player/jwplayer.js"></script>

1 个答案:

答案 0 :(得分:0)

只是为了更新它,这只是导致fancybox失败的另一个脚本。我禁用了所有其他脚本,它工作正常。然后我逐个启用每个脚本以找到导致问题的脚本。所以这一切都很好,谢谢你的帮助。