0 
<div id="divTest1"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script type="text/javascript">
function DocumentReady(e)
{
        $("#divTest1").text("Hello, world!");  console.log(e);
}

$(document).ready(DocumentReady);
</script>

chrome->console では、次のように表示されます。function (e,t){return new x.fn.init(e,t,r)}

質問:

  1. これはどういう意味ですか: function (e,t){return new x.fn.init(e,t,r)}?

  2. 実際には、 event 内の内容 (egtype...) を見たいのですが:ready()、どうすればよいですか?

4

3 に答える 3

0

user2357112 は、関数コードに関する最初の質問に次のようにうまく答えました。

実際の「準備完了」イベントはないため、検査することはできません。$(document).ready(handler) はハンドラにイベント オブジェクトを渡しません。ハンドラーに jQuery オブジェクト $ を渡します。表示されているコンソール出力は、ソース コードにほぼ対応する jQuery オブジェクトの文字列表現です。

その「e」変数に関する情報を取得するための2番目の質問に対する私の答えは次のとおりです。

ここで重要なのは、デバッグ ブレークポイントを設定することです。

Chrome の開発者ツールの [ソース] タブに移動すると、左側の列があります (左端にある可能性があります。メニューの下に、矢印が内側にある小さな四角形のアイコンがあります。

このコードが含まれている HTML ドキュメントを見つけます。見つからない場合は、これを試してください。

  • そこに表示されるタブメニュー内で、「ソース」をクリックします。
  • 「（プログラム）」という名前のリストでアイテムを見つけます
  • ページのコードは右側に表示されます

$("#divTest1") などの横にある行番号をダブルクリックして、デバッグ ブレークポイントを設定できます。

ここで、ページを更新すると、コードはその時点で停止し、右側のサイトの「スコープ変数」の「ローカル」で、「e」変数を展開して、さまざまな情報を取得できます。イベント変数。

変数をコンソールに出力する必要はありません。

于 2013-07-08T01:59:43.123 に答える
0

実際の「準備完了」イベントはないため、検査することはできません。$(document).ready(handler)ハンドラーにイベント オブジェクトを渡しません。ハンドラーに jQuery オブジェクトを渡します$。表示されているコンソール出力は、ソース コードにほぼ対応する jQuery オブジェクトの文字列表現です。

于 2013-07-08T01:59:56.210 に答える
0

まず、この部分で$(document).ready( DocumentReady() )は、DOM を操作する準備ができたらすぐに関数を実行する必要があります。関数でイベントを期待していますか? 関数内で単純な console.log( 'here on the docreadyfunction') を実行すると、コンソールに表示されます。

function DocumentReady(e)
于 2013-07-08T02:00:11.133 に答える