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>
<head>
セクションのjqueryのコードは次のとおりです。は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>
スパンを使ってみました。しかし、動作は同じではありません。これに関するヘルプはありますか?