イベントを追加するときのパフォーマンス(クリック、マウスオーバー、マウスアウトなど)はどれですか?私は多くのイベントリスナーを私の要素に付け加えています:ホバーイベントは、2つのパフォーマンスの違いがあるのだろうかと思っています。.live()またはdocument.ready?
-1
A
答えて
4
あなたは間違った方法でそれを考えています。 live()は非常に高価なオブザーバーです。できればそれを避け、代わりにdelegate()を使用してください。あなたは、AJAXやDOMready後にDOMノードを作成するにはJavaScriptを使用していない場合は、イベントにオブザーバーを付ける心配する必要はありません。
$(function(){
$('#my_node').click(function(){}); // will work fine for all nodes loaded before domready
});
-2
$(document).ready(function() {
//Put all your events here, where they'll be live anyway
});
-1
は、それはあなたのニーズによって異なりますが、ここにあります一般的なルール:
はあなたが
が(bind('event', ...)
ことに注意してくださいすることができますよう以下のように.live()
と結合する、それが可能だたび.bind()
と結合するようにしてください
にバインドするのは.live()
よりも優先されます。ライブは常に変更を待ち受けるため、より多くのリソースを消費するためです。
これが役に立ちます。乾杯、
関連する問題
- 1. phonegap:JQuery document.readyまたはPhonegap deviceready
- 2. .live()または.livequery()
- 3. document.ready
- 4. jQuery document.ready
- 5. document.ready(function)
- 6. RIAサービスとEntity Framework 4のLive ChartまたはLive DataGridの操作方法4
- 7. Document.readyまたは一定時間後に実行しますか?
- 8. prettyPhotoはdocument.ready()を破ります
- 9. xingログインボタンdocument.ready()
- 10. ディレクティブテンプレートの$ document.ready()?
- 11. document.readyノーアラートメッセージ - jQueryの
- 12. Document.ready関数
- 13. jQuery document.ready strange behavior
- 14. document.readyでdocument.readyに作成された要素を操作する方法
- 15. OMXPLAYERポーズは--live
- 16. Windows Live OAuthアクセスXBox Live Info
- 17. JQueryの説明document.ready
- 18. jQueryタブとdocument.ready fn
- 19. jquery document.ready()コールのクリア
- 20. jQueryのdocument.ready方法
- 21. JQuery document.readyとPhonegap deviceready
- 22. まだ存在しない要素のlive()vs live()click関数
- 23. LIVEまたはHIVEでRLIKEを使用してテーブルを結合
- 24. jquery document.ready()クライアントの実装はクロージャではありませんか?
- 25. angularjsルートでdocument.readyを実行
- 26. document.readyのjqueryの難易度
- 27. document.ready($ .getScript)をリセットする
- 28. 添付されたメソッドはdocument.readyの前に呼び出されます
- 29. jQueryは同じコードのためにdocument.readyとajaxCompleteメソッドを結合します
- 30. unmute facebook live video
+1、それはあなたが 'デリゲート'とちょうどひどいことがあることに注意する価値があります。 – Marc