将我上传到webhost后,Fancybox框无效,但可以在localhost上使用

时间:2012-04-07 08:01:56

标签: javascript html css iframe fancybox

http://www.outofthegardendesigns.com

有什么想法吗?

我认为它与路径有关,但我不确定我做错了什么。

2 个答案:

答案 0 :(得分:1)

您正在多次添加jQuery。

此网址js/libs/jquery-1.7.1.js两次,然后再次使用google cdn,如果google cdn处于离线状态,则再次回退。我想,这是造成冲突的原因。因为,在你的本地主机上你可能处于离线状态,google cdn jQuery没有加载,一切正常。但是当你在服务器中打开它时,google cdn jQuery会尝试加载并花费时间并抛出错误。

答案 1 :(得分:0)

您指向fancybox和jquery的链接不正确。你有:

<script src="js/libs/jquery-1.7.1.js" type="text/javascript"></script>
<script src="fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>

您需要在链接的开头添加“/”,如:

<script src="/js/libs/jquery-1.7.1.js" type="text/javascript"></script>
<script src="/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>

删除额外的jquyer链接后,您的代码应如下所示:

<script src="/js/libs/jquery-1.7.1.js" type="text/javascript"></script>
<script type="text/javascript">

    $(document).ready(function(){

        $('.b2').animate({
            opacity:.0

        });

        $('.b2').hover(function(){
            $(this).stop().animate({opacity:1});


        }, function(){
            $(this).stop().animate({opacity:0});

        });


    });
</script>


<!--FANCY BOX-->
<script src="/fancybox/jquery.fancybox-1.3.4.pack.js" type="text/javascript"></script>