javascript - Fancybox ボックスを Web ホストにアップロードした後、機能しませんが、ローカルホストでは機能します

Question

http://www.outofthegardendesigns.com

何かご意見は？

パスと関係があると思いますが、何が間違っているのかわかりません。

Answer 1

jQueryを複数回追加しています。

この URL から 2 回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>

余分な jqueyer リンクを削除すると、コードは次のようになります。

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