想要改變多個div的顏色幾秒鐘，但只有最近加載

Question

我加載div動態請求與ajax的幫助，現在我想要突出顯示他們幾秒鐘，但與$('div.eachrow').effect("highlight",{color:'#FCE8E8'},3000)這段代碼它突出顯示與類eachrow所有div，所以有沒有什麼辦法突出只有最近加載的div？

success: function(html) { 
     if (html) { 
      ++itr; 
      $('#quepanel').append(html); 
      $('div.eachrow').effect("highlight",{color:'#FCE8E8'},3000); 
      $('div#loadMore').hide(); 
     } 

Answer 1

您可以創建一個jQuery對象，然後突出顯示：

success: function(html) { 
     if (html) { 
      ++itr; 
      var $html = $(html); 
      $html.appendTo('#quepanel'); 
      $html.effect("highlight",{color:'#FCE8E8'},3000); 
      $('div#loadMore').hide(); 
     } 

Answer 2

您可以使用突變事件，以確定其中插入元件，其中：打開控制檯，看看日誌。事件在「測試」格中插入時觸發事件。

HTML：

<div id="test"></div> 
<input type="button" id="btn" value="add" onclick="$('<div>dyn</div>').appendTo('#test')" />​ 

JS：

document.getElementById('test').addEventListener("DOMNodeInserted", function (ev) { 
    // ... 
    console.log(ev.target); 
}, false);​ 

的jsfiddle：http://jsfiddle.net/LA3LZ/

Answer 3

在成功處理程序，首套HTML使用jQuery。這將立即創建DOM元素。

然後，您只能在加載Ajax的元素上工作。

success: function(html) { 
    if (html) { 
     ++itr; 
     html = $(html); // Do this. 

     $('$quepanel').append(html); 

     html.effect('hightlight', { color: '#FCE8E8' }, 3000); 

     $('div#loadMore').hide(); 
    } 
}