0

私のウェブサイトにはこれらのスクリプトがありますが、一度に機能する関数は1つだけで、headタグに近いコードが適切に機能します。競合することなく両方の機能を機能させるためのソリューションは何ですか。

以下にコードを示します：

<script type="text/javascript" src="demo_files/jquery.js"></script>
    <script type="text/javascript" src="demo_files/jquery.vticker-min.js"></script>
    <script type="text/javascript"> 
    $(function(){
        $('#news-container').vTicker({ 
            speed: 500,
            pause: 3000,
            animation: 'fade',
            mousePause: false,
            showItems: 3
        });
            $('#news-container1').vTicker({
            speed: 700,
            pause: 4000,
            animation: 'fade',
            mousePause: false,
            showItems: 1
        });
    });
    </script> 
    <style type="text/css">
    body{ font-family:Verdana, Arial, serif; font-size:14px;}
    </style>
    <link media="screen" rel="stylesheet" href="colorbox.css" />
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
    <script src="jquery.colorbox-min.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function()
    {
        $(window).bind('load', 
            function(e) 
            {
                $.colorbox({opacity:0.3, href:"offer.html"}); 
            });
    });
    </script>
4

1 に答える 1

2

長い答え：これは、jQueryを2回インクルードしているためです。1回は一番上に、もう1回は半分ほど下にあります（縮小バージョン）。

2回目にライブラリを含めると、$オブジェクトが再定義され、既存のインスタンスがオーバーライドされます。イベントやプラグインなど、これが発生したときに$オブジェクトにアタッチされたコードはすべて失われます。

簡単な回答： jQueryの2番目のコピーを削除すると、機能するはずです。

于 2012-04-24T09:52:36.683 に答える