2012-03-18 56 views
2

我從頭開始構建它這類作品的快速分頁,但在過去的半小時內,我一直在試圖讓一個和/或以前按鈕禁用在這樣的最後一頁: (此一個是下一個按鈕)JQuery的失效按鈕

if (currentPage.is(':last-child')) 
{ 
      $('.paj_next').prop('disabled', true); 
      $('.paj_previous').prop('disabled', false); 
} 

這裏是我的代碼,所以你可以嘗試一下,看看有什麼不對自己:

http://jsfiddle.net/Utr6v/25/

在您下次點擊它會走得太遠和不回來

不完全知道什麼是錯的,多謝提前。 JSFiddle將我的代碼複製到其中時,我的代碼亂了起來,對不起,它太雜亂了!

-Mike

+1

問題:'VAR當前頁= $(「three_paj_els:可見」);'沒有選擇的事情,當你跑出來的東西展示。以適合你的方式修復它。 – gdoron 2012-03-18 10:01:17

+0

OHHH!我很容易修復它ahaha http://jsfiddle.net/Utr6v/34/ – user1053263 2012-03-18 10:05:57

+0

@gdoron你能回答這個答案,所以我可以接受答案?您的評論幫助瞭解我的錯誤。 – user1053263 2012-03-18 10:07:32

回答

3

您必須檢查是否下一頁是最後一個孩子,比它的工作原理:http://jsfiddle.net/Utr6v/36/

//-------------------------------------NEXT BUTTON 
$('.paj_next').click(function() { 
    var currentPage = $('.three_paj_els:visible'); 
    var nextPage = currentPage.next('.three_paj_els'); 

    if (nextPage.is(':last-child')) { 
     $('.paj_next').prop('disabled', true); 
     $('.paj_previous').prop('disabled', false); 
    } 
    else { 

     $('.paj_next').prop('disabled', false); 
     $('.paj_previous').prop('disabled', false); 
    } 
    currentPage.hide(); 
    nextPage.show(); 



}); 
+0

哦,這個工程比我的解決方案好得多!謝謝! – user1053263 2012-03-18 10:11:56

2

問題:

var currentPage = $('.three_paj_els:visible'); 

沒有選擇的事情時,你跑出來的東西來顯示。