停止js幻燈片緩存點擊次數

Question

有誰知道如何通過幻燈片緩存「緩存」幻燈片？如果我點擊箭頭10次，那麼有10張幻燈片會滑過，有沒有辦法阻止它？或者，如果您點擊反向箭頭取消另一個「緩存」點擊，

http://www.switchonthecode.com/tutorials/jquery-creating-a-slideshow

謝謝！

Answer 1

使用one()函數可能會做你正在尋找的。將代碼調整爲以下內容：

$(document).ready(function(){ 
    // The "one()" function means that this action is disconnected 
    // from the element once the action occurs. In other words, click 
    // it twice, and the second one does nothing. 
    $("#slideshow-previous").one("click", showPreviousSlide); 
    $("#slideshow-next").one("click", showNextSlide); 
    ... 
}); 

但是僅僅這樣做還不夠。動畫完成後，我們必須再次掛接事件處理程序。使用的動畫（）的回調函數：

function updateContentHolder() 
{ 
    ... 
    $("#slideshow-scroller").animate({scrollLeft: scrollAmount}, 1000, function() { 
     $("#slideshow-previous").one("click", showPreviousSlide); 
     $("#slideshow-next").one("click", showNextSlide); 
    }); 
} 

---

正如有人指出，在評論這有多次安裝showPreviousSlide和showNextSlide的問題沒有按下按鈕爲準。你可以通過做更多的工作來彌補這一點：

function showPreviousSlide() 
{ 
    currentSlide--; 
    updateContentHolder($(this).attr("id"), showPreviousSlide); 
    updateButtons(); 
} 

function showNextSlide() 
{ 
    currentSlide++; 
    updateContentHolder($(this).attr("id"), showNextSlide); 
    updateButtons(); 
} 

... 

function updateContentHolder(id, callback) 
{ 
    ... 
    $("#slideshow-scroller").animate({scrollLeft: scrollAmount}, 1000, function() { 
     $("#" + id).one("click", callback); 
    }); 
} 

Answer 2

只要點擊某個箭頭（如isPending）就可以將標誌設置爲true。然後在點擊箭頭時檢查此項，如果屬實，請忽略該點擊。然後當動畫完成時將標誌設置回false。