1

jQuery がロードされて完全に使用可能になった後、アラートを作成するにはどうすればよいですか?

4

5 に答える 5

4 
$(function(){
    alert("jQuery + DOM loaded.");
});

* (jQuery は に含めるとすぐに使用できます<script>。)

于 2012-05-30T01:55:04.057 に答える
1

scriptjQuery を含む要素の読み込みがいつ完了したかを知りたい場合は...

document.addEventListener("load", function(event) {
    if (typeof jQuery == "function") {
        // jQuery is available.
    }
});

scriptこのイベント リスナーを要素の前にアタッチします。

于 2012-05-30T02:00:50.623 に答える
1

あなたが望むことを行う方法を示し、それについて私がどう思うかをお話しします。

(function checkJquery() {
  if (typeof(jQuery) == 'undefined') {
    setTimeout(checkJquery, 500);
  }
  else {
    alert('jQuery is loaded.');
  }
})();

通常、jQuery を使用している場合は、.xml の<script>タグに含めます<head>。このようなスクリプトはすべて、定義された順序でロードされるため、最初にロードすると、後続のすべてのスクリプトで使用できるようになります。したがって、それを確認する必要はありません。

サイトで多くの JavaScript 機能を使用していて、すべてのモジュールの依存関係がチェックされていることを確認したい場合は、RequireJSを確認することをお勧めします。

于 2012-05-30T02:05:31.253 に答える
0

お持ちでない場合は、firebug の使用を開始してください。その非常に便利です。NET タブでは、ロードされているすべてのファイル、http 要求、すべてを確認できます。

于 2012-05-30T02:03:16.893 に答える
0

ブラウザーは、外部スクリプト内の JS を含め、ドキュメントを解析するときに見つかった順序で JS を実行します。したがって、jQuery は、それを含む要素の直後に読み込まれ、「完全に使用可能」になり、その要素<script>の直後にアラートを配置できます。<script>

<script type="text/javascript" src="jquery.js"></script>
<script>
   if (jQuery)
      alert("jQuery is now loaded");
</script>

if (jQuery)jquery.js へのパスが正しくないか、ファイルの読み込みを妨げる何か他の問題が発生した場合、(明らかに) jQuery を使用できないため、この部分を含めました。しかし、通常の状況では、そのifテストは成功します。

ページ上の DOM 要素を実際に操作する場合は、それらの要素の後、jQuery の document.ready ハンドラー、または onload ハンドラーに、そのためのスクリプトを含める必要があります。

<script>
   $(document).ready(function() {
       alert("jQuery is loaded, and the DOM is ready too.");
   });
</script>
于 2012-05-30T02:09:47.850 に答える