2011-07-18 34 views
0

假設我有一個DOM結構就是這樣,添加到DOM的新元素應該報告一個函數。 (使用jQuery)

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

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

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

你可以看到有三個要素與class= red。現在假設因爲一些用戶活動將兩個以上的元素添加到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他們給一個函數報告。

下面是一個假設的功能亞姆尋找

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

有jQuery的任何現有的功能,IAM丟失或可以幫助任何插件!

+0

可能重複[是否有一個jQuery DOM更改偵聽器?](http://stackoverflow.com/questions/2844565/is-there- a-jquery-dom-change-listener) – karim79

+0

剛剛檢查了這個答案,它不是iam正在尋找的! –

+0

當添加新元素時,聲音就像代碼應該觸發一個事件。只要聽聽這個事件,你就知道發生什麼事情了。 – epascarello

回答

0

嘗試使用jQuery的.live()方法。它適用於未來匹配元素的有限事件。 API link

0

而不是僅僅增加一個<div>元素,如果你有一個小部件,如果你將其插入,那麼在哪裏有對部件

創建一個jQuery插件了「onattach」處理 - http://www.erichynds.com/jquery/tips-for-developing-jquery-ui-widgets/。它顯示有一個_create方法可以被覆蓋,以在創建窗口小部件時做你想做的事情。所以你可以用小部件替換div類紅色標籤,並有一個_create方法

+0

不明白你在說什麼! –

相關問題