2012-03-13 97 views
0

我有一些奇怪的行爲與jQuery分頁插件(jPaginate)。我需要有頂部和底部分頁,我想同步它們 - 無論何時單擊,第二個也應該適當更改。頂部和底部分頁同步

我有兩個div與number_pagination類和它們被初始化以同樣的方式:

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

現在,這裏這樣會很奇怪。每當我點擊頂部 div,一切都按預期運作,但如果我點擊底部之一,它會更改底部和分頁,但頂部保持不變。我無法弄清楚爲什麼會發生這種情況。

這是onChange功能,應該改變分頁divs。請注意,作爲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); 
    }); 

回答

0

你或許應該看看使用onChange事件來重繪其它尋呼機未發現招致另一種解決方案是完美的作品改變

1

它甚至可以用於其他分頁插件。它會檢查包含當前所選頁碼的班級,並檢查內容是否與所選NOW頁面匹配,如果不匹配,則會查找具有正確選定頁面的同級並觸發單擊事件。

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"); 
     } 
    }); 
} 
}); 
相關問題