jqueryファイルを複数回ロードする

-2

jQueryファイル（jquery-1.11.3.min.js）が複数回読み込まれています。私はそれがindex.htmlページの以下のjqueryファイルのためだと知っていると思います。私が知らないことは、それを止める方法です。jqueryファイルを複数回ロードする

<script type="text/javascript" src="js/jquery-ui.min.js"></script> 
<script type="text/javascript" src="js/jquery.mobile-1.4.5.min.js"></script> 
<script type="text/javascript" src="js/jquery.dataTables.min.js"></script>

本当にありがとうございます。

私はVSでのような下のデモページを作成し、私はVSソリューションウィンドウでjqueryの-1.11.3.min.jsの4つのインスタンスを見ることができます。私はこの問題がVisual Studioだけで、ブラウザの開発者ツールがjquery-1.xx.jsファイルのインスタンスを1つだけ表示しているようです。ご迷惑をおかけして申し訳ありません。

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Demo</title> 

    <script type="text/javascript" src="G5 - KA/js/jquery-1.11.3.min.js"></script> 
    <script type="text/javascript" src="G5 - KA/js/jquery-ui.min.js"></script> 
    <link rel="stylesheet" href="G5 - KA/css/jquery-ui.min.css" /> 
    <script type="text/javascript" src="G5 - KA/js/jquery.mobile-1.4.5.min.js"></script> 
    <link rel="stylesheet" href="G5 - KA/css/jquery.mobile-1.4.5.min.css" /> 
    <script type="text/javascript" src="G5 - KA/js/jquery.dataTables.min.js"></script> 
</head> 
<body> 
    <p>This is just jquery test</p> 
</body> 
</html>

出典

2016-07-15 chrismasters

なし定義されていないされていない場合にのみ、何を行います。 –

あなたのページをもっと見る必要があります。ブラウザで実際に処理しているものが表示されていることを確認するには、ブラウザとビューソースでヒットします。 – n8wrl

これらの3つの前に 'jquery'を追加し、互換性のあるバージョンを使用していることを確認してください。 –

-1

これは最善の方法です。

// jQueryのは、それらのすべてでjQueryのv1.11.3をロードしているの

if (typeof jQuery == 'undefined') { 
if (typeof $ == 'function') { 
    // warning, global var 
    thisPageUsingOtherJSLibrary = true; 
} 

function getScript(url, success) { 

    var script  = document.createElement('script'); 
     script.src = url; 

    var head = document.getElementsByTagName('head')[0], 
    done = false; 

    // Attach handlers for all browsers 
    script.onload = script.onreadystatechange = function() { 

     if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) { 

     done = true; 

      // callback function provided as param 
      success(); 

      script.onload = script.onreadystatechange = null; 
      head.removeChild(script); 

     }; 

    }; 

    head.appendChild(script); 

}; 

getScript('http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js', function() { 

    if (typeof jQuery=='undefined') { 

     // Super failsafe - still somehow failed... 

    } else { 

     // jQuery loaded! Make sure to use .noConflict just in case 
     fancyCode(); 

     if (thisPageUsingOtherJSLibrary) { 

      // Run your jQuery Code 

     } else { 

      // Use .noConflict(), then run your jQuery Code 

     } 

    } 

}); 

} else { // jQuery was already loaded 

// Run your jQuery Code 

};

出典

2016-07-15 17:41:14

これはOPsのjQueryが4回ロードされている理由を説明していません。 JSを使用してjQueryをロードする必要があります。 – putvande

@putvande use Fiddleあなたのページをもっと見る必要があります。 –

jqueryファイルを複数回ロードする

答えて

関連する問題