jQuery：div要素にデータを挿入することでトリガされるイベントはありますか？

Question

私には<div id="notification">があり、それには空のコンテンツがあります。サーバーはあとでいくつかのコンテンツをajaxlyに挿入します。この挿入によって引き起こされるイベントはありますか？ありがとう。

注jsフレームワークとしてjQueryを使用しています。

Answer 1

あなたはカスタムイベントトリガーすることができますそれを使用するために、次に

function addContentToDiv(div, markup) { 

    // NOTE: div is a jQuery object: 
    div.html(markup); 
    div.trigger('myDivHtmlChanged'); 
} 

を：

$(document).ready(function() { 
    $('myDiv').bind('myDivHtmlChanged', function() { 
     alert('content changed in myDiv'); 
    }); 
}); 

Answer 2

はい、there isはい、それをサポートするブラウザに依存することはできません。代わりに、おそらくajaxCompleteまたはその兄弟の1人を経由して、ajaxコールに接続する必要があります。

Answer 3

のjQueryによってトリガーされるグローバルajaxCompleteイベントがあります：http://api.jquery.com/ajaxComplete/

説明：Ajaxリクエストの完了時に呼び出されるハンドラを登録します。これはAjaxイベントです。

$('.selector').ajaxComplete(function(e) { 
    // add bling 
}); 

Answer 4

私はアヤックス、私はセットアップアップ問題のdivタグのカスタムjQueryのイベントを使用してデータを挿入しているかを知りたいときに。

$(document).ready(function(){ 

    $("#notification").bind("ajaxComplete", function(event){ 
    alert("updated"); 
    }); 

    $("#notification").load("/hello.html", function(responseText, textStatus, XMLHttpRequest){ 
    $("#notification").trigger("ajaxComplete"); 
    }); 

}); 

Answer 5

DIVに挿入されたイベントはありません。変更イベントはフォーム要素でトリガーされます。 T.J.よう

$("body").bind("DOMNodeInserted", function(e) { 
    var insertedNode = $(e.target); 
    ... 
}); 

しかし、：あなたが探しているもの

Answer 6

は...イベントなどDOMNodeInserted、DOMNodeRemoved、ありますこれらはブラウザにはあまり適していません。実際、IEのどのバージョンでも動作しません。 http://www.quirksmode.org/dom/events/