javascript - Fancybox 框在我将其上传到 webhost 后无法正常工作，但可以在 localhost 上使用

Question

http://www.outofthegardendesigns.com

有什么想法吗？

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

Answer 1

您正在多次添加 jQuery。

来自这个 url 的两次js/libs/jquery-1.7.1.js，然后再次使用 google cdn，如果 google cdn 离线，则再次回退。我想，这引起了冲突。因为，在您的本地主机上，您可能处于离线状态，google cdn jQuery 没有加载并且一切正常。但是当您在服务器中打开它时，google cdn jQuery 会尝试加载并花费时间并引发错误。

Answer 2

您到 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>