DOMが既にロードされた後にjQueryまたはJavaScriptを使用してアンカーに属性を追加する

Question

iOSデバイスで動作するアンカー：アクティブCSS状態を持つために、各アンカーに「ontouchstart」属性を追加する必要があるアプリケーションがあります。

DOMが既に読み込まれた後、アプリケーション全体がAJAX経由でコンテンツを読み込むということは、$(selector).attr('ontouchstart','')の呼び出しは、AJAX経由で後で追加されるコンテンツではなく、最初の画面でのみ機能することを意味します。

各画面が別々の関数でロードされているため（関数によって構築されることもある）、すべてのアンカーに適用される単一のjQueryまたはJavaScript呼び出しを可能にするソリューションを探したいと思います。 DOMは、それぞれの機能を実行して個別に呼び出しを追加するのではなく、読み込まれます（数百もあります）。

これも可能ですか？どんな助けでも大歓迎です。

Answer 1

あなたはDOMNodeInsertedイベントを試みることができる：任意のタイプのノードがDOM、単にノード名（タグ）をテストし、属性を追加するコードに追加されたときに

$(document).bind('DOMNodeInserted', function(event) { 
    if (event.target.nodeName == 'A') { 
    $(event.target).attr('ontouchstart',''); 
    } 
}); 

イベント自体が発生します。

Answer 2

liveまたはdelegateイベントリスナーをお試しください。これらは両方とも、onloadイベントの後に追加されたDOM要素で動作します。

Answer 3

live()とdelegate()イベントはあなたが探しているイベントです。