我尝试在当前结束时添加新行。我认为问题在这里
$("#main_content").append(data);
它将新数据全部用于html(html + css)并添加到已显示的数据中
也许只能从数据中获取?
或用new补充数据并将当前位置放到第一个位置?
JS
$(document).ready(function(){
var num_messages = num_rows;
var loaded_messages = 0;
$("#more_button").click(function(){
loaded_messages += 10;
$.get(base_url + "twitterpagination/get_messages/" + loaded_messages, function(data){
$("#main_content").append(data);
});
if(loaded_messages >= num_messages - 10)
{
$("#more_button").hide();
//alert('hide');
}
});
})
HTML
<body>
<div id="main_content">
<?php
foreach($latest_messages as $message)
{
echo $message->username . ' - ' . $message->message . '<br />';
}
?>
</div>
<div id="more_button">
more
</div>
</body>
结果
user - message 1
user - message 2
user - message 3
user - message 4
user - message 5
user - message 6
user - message 7
user - message 8
user - message 9
user - message 10