ページがロードされた後のJavascriptの処理イベント

Question

JavaScriptを書くときに、ページがロードされるときにイベントが割り当てられる一連のインターフェースボタンがあります。私の問題は、動的に作成されたものは、これらのイベントを受け取らないことです。

たとえば、私はURLチェッカーを作っています。他のドメインに移動するリンクが、ユーザーに離脱したことを知らせるexitインターフェイスを提供することを確認することです。ページがロードされた後に作成されたリンク、ページがロードされたときに存在していたものとして自然にそのイベントを持っていないものなど、ajaxを投稿します。

実際に、新しく作成されたアイテムがこれらの種類のグローバルイベントを確実に取得する最良の方法は何ですか？

私はjQueryを使いたいですが、これは本当に概念的な質問です。

グローバルリンクエフェクトを再適用する関数を作成する必要がありますか、またはそれを少しずつ行う以外にもスマートな方法はありますか？

Answer 1

jQueryを使用する場合は.live()メソッドを使用できます。

通常、イベントハンドラをバインドする場合、イベントハンドラは特定の要素セットにバインドされます。将来追加される要素は、再バインドされない限り、イベントハンドラを受信しません。

jQueryの.live（）メソッドは、独自の特別なイベントハンドラをDOMツリーのルートにバインドすることで回避します（イベントのバブリングに依存します）。要素をクリックすると、イベントハンドラが直接アタッチされていない場合、イベントはDOMツリーをバブルアップします。 jQueryの特別なイベントハンドラは、イベントをキャッチし、そのターゲットを調べ、.live（）によってターゲットに割り当てられたユーザ指定のイベントハンドラを実行します。

Answer 2

jQueryのlive機能を調べてください。ロード中にコントロールが作成されたとき、および新しいコントロールが作成されたときに、イベントにアタッチすることができます。パフォーマンスのペナルティはありますが、多くの要素をロードしていない限り、それは重要ではありません。

Answer 3

.live() jQueryメソッドを使用すると、ページのロードが完了した後に作成される要素にリスナーを追加できます。 （私はそれを正しく理解している場合）出口リンクのあなたの例を使用する：

$(function(){ 
    $('a.exitLink').live('click',function(event){ /* do stuff when a link of class exitLink is clicked */); 
}); 

これは関係なく、それが作成されたときの、クラスexitLinkのいずれかのリンクをclickイベントに応答します（前またはonload火事の後）。

・ホープ、このことができます:)

Answer 4

をはい簡単に言えば、あなたが前にこれを持っていたかもしれない。ここで

$('selector').click(function() {}); 

でそれを置き換えます。好奇心として

$('selector').live('click', function() {});