我正在尝试使用 JQuery 进行twitter 分页。我有一个搜索页面(包含表单),它将查询数据库并将其显示在搜索结果页面中。
当我试图在下面的代码中点击 div 标签(下面页面中的更多按钮)时,它应该只附加数据,#results
而不是整个页面与#content
附加的数据一起加载,这些数据看起来相同的页面重叠在另一个页面上。当我点击More
按钮时从数据库加载数据并加载适当结果的逻辑。唯一的问题是正确显示结果
这是我的代码
<body>
<?php $this->load->view('includes/topbar'); ?>
<?php $this->load->view('includes/menu'); ?>
<?php $this->load->view('includes/left'); ?>
<div id="contentwrap">
<div id="content">
<div id="results">
<?php
foreach($this->data['latest_messages'] as $message)
{
echo $message->uacc_email . ' - ' . '<br />';
}
?>
</div>
<div id="more_button">
More
</div>
</div>
</div>
<?php $this->load->view('includes/right'); ?>
<?php $this->load->view('includes/foot'); ?>
</body>
这是我的 jquery<head>
部分的代码。auth_public/get_results/
将从数据库中获取结果。
<script type="text/javascript">
$(document).ready(function(){
var num_messages = <?=$num_messages?>;
var loaded_messages = 0;
$("#more_button").click(function(){
loaded_messages += 10;
$.get("<?php echo $base_url;?>" + "auth_public/get_results/" + loaded_messages, function(data){
$("#results").append(data);
});
if(loaded_messages >= num_messages - 10)
{
$("#more_button").hide();
//alert('hide');
}
})
})
</script>
我试过使用跨度。但是没有运气,行为是相同的。有人帮忙吗?