ajaxを使用するページのコンテンツを置き換えます

Question

私は、ポップアップボックスにいくつかの追加情報を追加し、無駄な情報を隠し、何かをやらなければならないまでどれくらいの時間を見ることができるようにタイマーを実行するfbゲーム用の拡張機能に取り組んでいますあなたがゲームのページにいなくても。 私の問題は、Ajaxを使用してページを切り替えるときに、しばらくしてから、これを処理するために適切な方法を使用しているのだろうと思います。

function myFunction() { 
    if($(selector for some element I am looking for).length > 0 && $(selector for some item I add).length == 0) { 
     //do some stuff 
    } 
} 
setInterval("myFunction()",1000); 

： は、私は私が追加/ soemtingを削除したいページの午前、これは私が私のものを行う真であるならば、私は、まだそれを行ってhaventかどうかを確認するsetIntervalを実行し、コードは次のようになります

これは拡張機能のコンテンツスクリプトからのajaxページの変更を処理する適切な方法ですか？ もしそうなら、私が正しいページにいるかどうか、または既にこのページに追加したことがあるかどうかを確認する良い方法がありますか？

document.addEventListener("DOMSubtreeModified", function(event){ 
    //something has changed, possibly ajax-element was added 
}); 

は

あります

$("#ajax-element").livequery(function({ 
    //ajax-element is created 
}); 

あなたはまた、DOMを変更したときに発火DOMSubtreeModifiedイベントに耳を傾けることができます。

Answer 1

あなたは新しい要素がページ上で作成されたときにキャッチするlivequery jQueryプラグインを使用することができますより具体的には、DOMNodeInsertedIntoDocumentおよびDOMNodeRemovedFromDocumentイベント。