ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery は $(document.ready) イベントを 2 回発生させます_jquery

JQuery は $(document.ready) イベントを 2 回発生させます_jquery

WBOY
リリース: 2016-05-16 18:36:26
オリジナル
857 人が閲覧しました

このページはおそらく次のような部分ビューであり、このビューには検索にバインドされた小さな Javascript が含まれており、Jquery-ui ダイアログに含まれています。これは、HTML を生成する ASP.net mvc にはまったく問題ありません。 HTMLは私のアイデアに基づいて生成されましたが、実際にはダイアログコードを削除して検索ボタンが通常になりました。ダイアログのコードを確認したところ、appendTo が原因であることがわかりました。
実験を行ったコードは次のとおりです:
コード

コードをコピーします コードは次のとおりです:








< /div>

alert('a1') は 1 回実行されるはずですが、appendTo を使用しているため、$(document) を使用しているかどうかに関係なく、2 回実行されます。 a1 div で準備が整い、JavaScript が 2 回実行されます。1 回目はドキュメントの読み込みが完了し、2 回目で appendTo が呼び出されます。まず、次のメソッドに変更されました。失敗した。
コード



コードをコピー コードは次のとおりです:



これを次のように変更すると成功します。



コードをコピーします

コードは次のとおりです。 varloaded = false; (ドキュメント) .ready(function() { if (!loaded) { alert('a1'); loaded = true;
}
}); 🎜>
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート