2011-07-18 1 views
0

私はあなたがclass= redとの三つの要素がある見ることができ、このようDOMに追加された新しい要素。関数を報告する必要があります。 (jQueryのを使用して)

<body> 
    <!-- Dom elements --> 

    <div class="red"></div> 
    <div class="red"></div> 
    <div class="red"></div> 

    <!--More Dom elements --> 
</body> 

をDOM構造を抱えていたとします。いくつかのユーザーアクティビティが2つ以上の要素がDOMの下に追加されているためです。

<body> 
    <!-- Dom elements --> 

    <div class="red"></div> 
    <div class="red"></div> 
    <div class="red"></div> 

    <div class="red"></div> <!--New element added because of some user activity --> 
    <div class="red"></div> <!--New element added because of some user activity --> 

    <!--More Dom elements --> 
</body> 

は、今私は、ニュースの要素がDOMに追加されますいつでも彼らは機能に報告することを、いくつかのメカニズムをしたいです。

以下は不足しているIAMのjQueryの既存の機能や役立つ可能性のあるプラグインがあります

jQuery('.red').onAddedToDom_AfterDomReady(function(){ 
       //do something to all added elemnents 
       //like bind some events to them etc 
}); 

を探している仮想的な機能IAMです!

+0

[jQuery DOM change listenerはありますか?](http://stackoverflow.com/questions/2844565/is-there- a-jquery-dom-change-listener) – karim79

+0

ちょうどこの答えをチェックしました。 –

+0

新しい要素が追加されると、コードのようなサウンドでイベントが発生するはずです。イベントに耳を傾けるだけで、火災時にどのような措置を講じるべきかを知ることができます。 – epascarello

答えて

0

これはIEでサポートされていないDOMNodeInsertedイベントに依存します。

See related question for IE support

基本的には、定期的にすべての新しい要素のためのDOMをポーリングする必要があり、それはかなり高価です。

0

.live() jQueryのメソッドを使用してみてください。これは将来一致する要素の限られたイベントで機能します。 API linkhttp://www.erichynds.com/jquery/tips-for-developing-jquery-ui-widgets/ - 代わりにあなたがウィジェットを持っていて、それらを挿入する場合、uはjqueryのウィジェットを作成するそのウィジェット

に「ONATTACH」ハンドラを持つことができる場合だけ、<div>元素を添加する

0

。これは、ウィジェットが作成されているときに必要な処理を行うためにオーバーライドできる_createメソッドがあることを示しています。したがって、divクラスの赤いタグをウィジェットに置き換えて、_createメソッドを持つことができます。

+0

あなたが言っていることを理解できません! –

関連する問題