上下分页同步答案

【问题标题】：Top and Bottom Pagination Sync上下分页同步
【发布时间】：2012-03-30 05:53:50
【问题描述】：

我对 jQuery 分页插件 (jPaginate) 有一些奇怪的行为。我需要有顶部和底部分页，并且我想同步它们 - 每当单击一个时，第二个也应该正确更改。

我有两个带有number_pagination 类的 div，它们的初始化方式相同：

$(".number_pagination").paginate(options);

现在，这里变得很奇怪。每当我点击 top div 时，一切正常，但如果我点击 bottom 一个，它会更改底部并进行分页，但顶部一个保持不变。我不知道为什么会发生这种情况。

这是应该更改两个分页 div 的 onChange 函数。注意 jQuery.fn.draw 函数，它是 jPaginate 的一部分。这是应用类和样式的地方。

  var opts=jQuery.extend({},jQuery.fn.paginate.defaults,options);
  var o=jQuery.meta?jQuery.extend({},opts,jQuery(this).data()):opts;

    jQuery(".number_pagination").each(function(){
                    var obj=jQuery(this);
                    jQuery.fn.draw(o,obj,page);
     });

【问题讨论】：

标签： javascript jquery pagination

【解决方案1】：

您可能应该考虑使用 onChange 事件来重绘未引起更改的其他寻呼机

【讨论】：

【解决方案2】：

找到另一个完美的解决方案。

它甚至可能适用于其他分页插件。它检查具有当前选定页码的类，并检查内容是否与选定的 NOW 页面匹配，如果不匹配，则查找具有正确选定页面的同级并触发 click 事件。

jQuery(".jPag-current").each(function(){
   if(jQuery(this).html() != page){
    jQuery(this).parent().siblings().children().each(function(){
      if(jQuery(this).html() == page){
      jQuery(this).trigger("click");
      }
   });
 }
});

【讨论】：