1

この宣言を使用する関数が 2 つある場合、DOM 対応関数については次のようになります。

$(document).ready(function(){my Function here});

ここで、関数ごとに 1 つずつ、2 つのタグを使用するか、これらのタグのいずれかで両方の関数を : 内で宣言する必要があります$(document).ready(function(){my two Functions here});

<script>
    $(document).ready(function(){my Function here});
</script>

ありがとうございました

4

4 に答える 4

2

2つ使えます。害はなく、これによりモジュラーコーディングを行うことができます。たとえば、関連するコードをまとめておくことができます。

例として、2 つの JavaScript ウィジェットがあり、どちらも互いに独立しており、どちらも個別のファイルにあり、どちらもページ上の異なる場所に存在し、どちらかがページに存在する場合と存在しない場合があるとします。スクリプトの寄せ集めを作成する代わりに、次のようにそれらを分離しておくことができます。

<script>
    var ads = {};
    $(document).ready(function(){
        // do something with ads
    });
</script>

<script>
    var tracker = {};
    $(document).ready(function(){
        // do something with tracker
    });
</script>
于 2012-07-02T11:59:32.697 に答える
1

さまざまな関数を使用して複数の呼び出しを行うことができ$(document).ready()ます。それらを含めた瞬間がイベントの発生後でない限り、それらはすべてそのイベントにバインドされます (AJAX を使用してそれらを含めます$.getScript())。

コードを HTML に直接含めるべきではありません。

1 つまたは複数の外部ファイルに貼り付けて、.xml で参照しますsrc

そうすれば、コンテンツを簡単にキャッシュでき、ユーザーがページの読み込みごとに同じコンテンツを再ダウンロードすることはありません。

また、さまざまな目的を満たすために、さまざまな準備完了ファイルを構成することもできます。1 つは外部プラグインを初期化します。1 つはいくつかのイベント バインディングを実行します。1 つはフォーム検証を適用します。

それらを異なるファイルに入れるということは、必要に応じてファイルを含めることもできることを意味します。onReady.ShoppingCart.js は、ショップのすべてのページで必要になる場合がありますが、そのショップの CMS ページやチェックアウト レーンでは必要ありません。

于 2012-07-02T12:04:30.027 に答える
1

ready()( inline に対して)の目的はonload=""、1 つのイベントに対して複数のハンドラーをバインドできるようにすることです。

したがって、最も単純でわかりやすいものを使用してください。インターネットがインラインハンドラーの使用を取り除くために非常に戦っているときに、バインドを何度も禁止するのはばかげています。

于 2012-07-02T12:06:28.480 に答える
0

1 つ使用します。コードの管理が容易になるため、呼び出されているすべての関数を 1 か所で確認できます。

于 2012-07-02T11:59:05.567 に答える