0

私はWeb開発にかなり慣れていませんが、jQuery / javascriptsと競合していると思います（どれが完全にはわかりません）。私のサイトには、ドロップダウン メニューと画像セレクターがあります。両方のスクリプトが一緒にある場合、それらは機能しません。どちらが先に来ても、後者によって上書きされます。実際に問題を引き起こしている 2 つのスクリプトは「js/jquery-1.js」と「js/global-perf-minified.js」だと思いますが、私のページ内で使用されているすべてのスクリプトは次のとおりです。

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

<script type="text/javascript" src="js/hoverIntent.js"></script>

<script type="text/javascript" src="js/superfish.js"></script>

<script src="js/app.js" type="text/javascript"></script>

<script src="js/product.js" type="text/javascript"></script>

<script src="js/searchsuggest.js" type="text/javascript"></script>

<script src="js/full.js" type="text/javascript"></script>

<script type="text/javascript" src="js/jquery_004.js"></script>

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

<script src="js/easing.js" type="text/javascript"></script>

<script src="js/slider.js" type="text/javascript"></script>

<link href="css/colorbox.css" type="text/css" rel="stylesheet">

<script src="js/jquery_007.js" type="text/javascript"></script>

<link href="js/cloud-zoom.css" type="text/css" rel="stylesheet">

<script src="js/cloud-zoom.js" type="text/javascript"></script>

<script type="text/javascript" src="js/utag_008.js"></script>

<script type="text/javascript" src="js/script.js"></script>

<script src="js/global-perf-minified.js" type="text/javascript"> </script>

<script type="text/javascript" src="js/product-minified.js"></script>

「.noconflict()」スタイルの追加に関する投稿をいくつか見ましたが、うまくいかなかったようです。間違って挿入したり、間違ったコードを選択したりする可能性があることを受け入れます。どんな助けでも大歓迎です！ありがとうございました。

4

1 に答える 1

0

可能な重複:

<script src="js/jquery-1.js" type="text/javascript"></script> 
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery_004.js"></script>
<script type="text/javascript" src="js/jquery_004.js"></script>

jqueryを何度も宣言しています....それらをチェックして、それらが重複しているかどうかを確認してください;）

- - - - - - - - -編集 - - - - - - - - - - - - - -

これで、jquery が 1 つだけのコードは次のようになります。

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

    <script type="text/javascript" src="js/hoverIntent.js"></script>

    <script type="text/javascript" src="js/superfish.js"></script>

    <script src="js/app.js" type="text/javascript"></script>

    <script src="js/product.js" type="text/javascript"></script>

    <script src="js/searchsuggest.js" type="text/javascript"></script>

    <script src="js/full.js" type="text/javascript"></script>

    <script src="js/easing.js" type="text/javascript"></script>

    <script src="js/slider.js" type="text/javascript"></script>

    <link href="css/colorbox.css" type="text/css" rel="stylesheet">

    <link href="js/cloud-zoom.css" type="text/css" rel="stylesheet">

    <script src="js/cloud-zoom.js" type="text/javascript"></script>

    <script type="text/javascript" src="js/utag_008.js"></script>

    <script type="text/javascript" src="js/script.js"></script>

    <script src="js/global-perf-minified.js" type="text/javascript"> </script>

    <script type="text/javascript" src="js/product-minified.js"></script>

問題が続く場合は、次のように 2 つまたは 3 つの js を配置してみてください。

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

    <script type="text/javascript" src="js/hoverIntent.js"></script>

    <script type="text/javascript" src="js/superfish.js"></script>

この2つで動作する場合は、jsの残りの部分でバグまたは問題(競合)を引き起こしているものが見つかるまで、他のものを追加します;)

サルドス。

于 2013-03-04T18:23:36.110 に答える