最初に読み込まれたときに別のスクリプトでJQueryライブラリを使用できない

JSのインポートが1つのHTMLページがあります。私はJQueryをインポートしています。その後、JQueryライブラリを使用したい独自のカスタムスクリプトがありますが、 '$は定義されていません'という例外があります。最初に読み込まれたときに別のスクリプトでJQueryライブラリを使用できない

私はJQueryを最初に読み込んでいるので、私は外部のスクリプトでそれを参照できるはずですか？

これはRequireJSが解決するものですか？

baseTemplate.html

<body> 
    <template id="navbar"></template> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> 
    <script src="navbarTemplate.js"></script> 
</body>

navbarTemplate.js

function isTemplateElementSupported() { 
    return 'content' in document.createElement('template'); 
} 

if (isTemplateElementSupported()) { 
    $('#navbar').append("<table><tr><td><b>some test</b></td></tr></table>"); 

} else { 
    alert('Please update browser!'); 
}

出典

2016-09-01 Dean Roulston

jqueryスクリプトが正しく読み込まれている場合は、ブラウザの開発者ツールを調べてください。他のライブラリがjqueryと競合しているかどうかを確認するために、jQuery（ 'jQuery（'＃id '）など）の代わりにjQueryを' $ ' –

あなたのJavaScriptの正しいロード・シーケンスのためのオプションを "延期" を使用するようにしてください。

<body> 
    <template id="navbar"></template> 
    <script defer src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> 
    <script defer src="navbarTemplate.js"></script> 
</body>

出典

2016-09-01 12:13:10 STY

最初に読み込まれたときに別のスクリプトでJQueryライブラリを使用できない

答えて

関連する問題