Jquery的：添加內部HTML動態生成的div

Question

在下面的代碼，而試圖改變動態geneted div的內部HTML，內HTML dosent變化。

$.ajax({ 
    url: 'xxx.xxx', 
    beforeSend: function() { 
     $('#scroll_items').append('<div class="list_item more_content" align="center"><img src="loader.gif"></div>'); 
    }, 
    success: function(data) {  
     $('#scroll_items div:last').html("hai to all");  
    } 
}); 

HTML部分

<div id="scroll_items"> 
    <div class="list_item1"> 
    Scroll beyond this container to automatically load more content 
    </div> 
    <div class="list_item"> 
    [ List Item 2 ] 
    </div> 
    </div> 
</div> 

Answer 1

只是刪除一個額外的大括號，它可能工作。

$.ajax({ 
     url: 'xxx.xxx', 
     beforeSend: function() { 
     $('#scroll_items').append('<div class="list_item more_content" align="center"><img src="loader.gif"></div>'); 
     }, 
     success: function(data) { 
     $('#scroll_items div:last').html("hai to all"); 
     } 
    }); 

試試這個。

，或者嘗試

success: function(data) { 
setTimeout(function(){ 
     $('#scroll_items div:last').html("hai to all"); 
     },100); 
    }