Question

我对jQuery paginate插件（jPaginate）有一些奇怪的行为。我需要有顶部和底部分页，我想同步它们 - 无论何时单击，第二个也应该正确更改。

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

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

现在，这里变得奇怪了。每当我点击顶部 div时，一切都按预期工作，但是如果我点击底部一个，它会更改底部并进行分页，但顶部一个保持不变。我无法弄清楚为什么会发生这种情况。

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

  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);
     });

Answer 1

找到另一种完美运作的解决方案。

它甚至可能适用于其他分页插件。它检查具有当前所选页码的类，并检查内容是否与所选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");
      }
   });
 }
});

Answer 2

您应该考虑使用onChange事件来重绘不会导致更改的其他寻呼机

顶部和底部分页同步

2 个答案: