獲取上一個/下一個按鈕消失

我爲某些內容鍵入了一個快速jQuery滑塊框。現在我只有3個面板或頁面，點擊「上一個」或「下一個」後，他們可以循環瀏覽。我現在唯一遇到的麻煩是讓它在結束時禁用按鈕。目前，您可以繼續點擊下一步，容器繼續向左或向右移動。獲取上一個/下一個按鈕消失

我該如何去實現這一目標？我想過在第一張/最後一張幻燈片中添加一個類並告訴它是否有這個類來隱藏鏈接？這可能不是最友好的方式。我想我想檢查一下，看看是否有另一個孩子的div，如果沒有，然後禁用按鈕。這樣我可以添加更多的面板，如果我想在將來和jQuery將知道什麼時候禁用按鈕。

這是我目前有：http://codepen.io/anon/full/xdilq

任何幫助將大大appreaciated！

來源

2012-10-31 tmette

當動畫完成或相應減少時，將變量增加1會怎樣？當這個變量在第三步時，你隱藏了按鈕，否則你會顯示它們。喜歡的東西

var counter = 1; 
$('.next').click(function() { 
    $('.pageContainer').animate({ 
    "left": "-=422px" 
    }, 1000, function() { 
    counter++; 
    if(counter >= 3){ // or panels.length 
     // hide button "next" 
    } 
    }); 
});

來源

2012-10-31 16:23:29 ianaz

jsBin demo

pagesN = $('.pages').length; 
var c = 0; 

function anim(){ 
    c = c===-1 ? pagesN-1 : c%pagesN; 
    $('.pageContainer').stop().animate({left: -422*c }); 
} 


$('.previous, .next').click(function(){ 
    var myClass = $(this).hasClass('next') ? ++c : --c; 
    anim(); 
});

在點擊增加或減少無功c。比裏面的動畫有一個三元運營商，將防止c去-1（前），並在最大範圍內始終保持它（未來）由於模運算符：

c = c===-1 ? pagesN-1 : c%pagesN;

來源

2012-10-31 16:41:29

這個偉大的工程，但我真的不喜歡它如何循環回到開始。有沒有什麼辦法來調整這個，這樣鏈接就會消失，並且他們被迫點擊「之前」？我想我真的不明白它是如何工作的，即使你試圖解釋它。 :) 我仍然不是很熟悉JS和jQuery，哈哈。現在雖然我會用這個。 – tmette

@tmette對不起，我有一段時間了。以下是如何隱藏您的按鈕：http://jsbin.com/agibud/2/edit –

獲取上一個/下一個按鈕消失

回答

相關問題