javascript - 更新機能なしのjquery paginate

Question

ニュースフィードを書いていますが、更新されないページをどのように改ページするのだろうかと思います。ボタンをクリックすると、json リクエストを実行して新しいデータを取得しますが、ページを更新しません。

ここに私が持っているものがあります:

HTML

<!-- Forum -->
<div id="forum"><center>Loading forum...</center></div>
<!-- Forum pagination -->
<ul class="pager">
  <li class="previous" id="forum-prev">
    <a href="#forum-top">Prev</a>
  </li>
  <li class="next" id="forum-next">
    <a href="#forum-top">Next</a>
  </li>
</ul>

JS

function updateButtons()
{
// Button prev forum
$("#forum-prev").click(function() {
  var page = parseInt($.cookie("page"));
  page -= 1;
  $.cookie("page", page);
  loadforum();
  updateButtons();
});

// Button next forum
$("#forum-next").click(function() {
  var page = parseInt($.cookie("page"));
  page += 1;
  $.cookie("page", page);
  loadforum();
  updateButtons();
});
// Disable buttons
if($.cookie("page") >= 0)
{
  $("#forum-prev").removeClass("active");
  $("#forum-prev").addClass("disabled");
  $("#forum-prev").unbind("click");
}
else
{
  $("#forum-prev").removeClass("disabled");
  $("#forum-prev").addClass("active");
  $("#forum-prev").bind("click");
}
if($.cookie("page") <= parseInt($.cookie("forum-count"))-1)
{
  $("#forum-next").removeClass("active");
  $("#forum-next").addClass("disabled");
  $("#forum-next").unbind("click");
}
else
{
  $("#forum-next").removeClass("disabled");
  $("#forum-next").addClass("active");
  $("#forum-next").bind("click");
}
}

ページを更新しない場合のページネーションの最良の方法は何ですか。また、オンの場合は前のボタンを無効にしpage 0(default)、の場合page > 0は次のボタンを無効にする必要がありますpage < maxPage。使用してみ$.on() $.off()ましたが、JSがリロードされないため、ボタンを有効にしたり無効にしたりできないため、同じ問題があります。