2012-03-18 6 views
2

나는 일종의 빠른 페이지 매김을 만들지 만, 지난 30 분 동안 나는 마지막 페이지에서 다음과 같은/또는 이전 버튼을 비활성화하려고 시도했다. http://jsfiddle.net/Utr6v/25/JQuery 비활성화 버튼

당신이 다음을 클릭하면 너무 멀리 갈 것이고, 하나는 당신이 그것을 밖으로 시도하고 자신에 대한 문제가 있는지 볼 수 있도록 여기

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

내 코드) 다음 버튼입니다 돌아 오지 않는다

정확히 무엇이 잘못되었는지 미리 알 필요가 없습니다. JSFiddle은 복사 할 때 내 코드를 뒤죽박죽 처리했습니다. 너무 지저분해서 죄송합니다! 작동보다

- 마이크

+1

문제점 : 'var currentPage = $ ('. three_paj_els : visible ');'표시 할 항목이 부족할 때 선택하지 않습니다. 자신에게 맞는 방식으로 수정하십시오. – gdoron

+0

OHHH! 나는 그것을 정말로 쉽게 고쳤다. http://jsfiddle.net/Utr6v/34/ – user1053263

+0

@gdoron 당신은 이것을 답으로 회신 해 주시면 답변을 받아 들일 수 있습니까? 귀하의 의견은 실수를 저지르는 데 도움이되었습니다. – user1053263

답변

3

당신은 nextPage 마지막 자식인지 여부를 확인해야 : 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

Ohh 와우 하나는 내 솔루션보다 훨씬 효과적입니다! 고맙습니다! – user1053263

2

문제 :

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

때 아무것도 선택하지 않음 너는 보여줄 물건이 부족했다.