jQuery傳送帶Next/Previous按鈕

Question

以下是Link to the Fiddle。

我正在使用旋轉木馬，並且希望使下一個/上一個按鈕正常工作。

我試着添加下面的代碼，但它沒有正確更新索引。任何幫助，將不勝感激！

$($btnNext).click(function (event) { 
    updateSlides(index + 1); 
    event.preventDefault(); 
} 
$($btnPrev).click(function (event) { 
    updateSlides(index - 1); 
    event.preventDefault(); 
} 

Answer 1

當click事件上這些按鈕被調用時，該可變index未定義。有搞清楚指數的幾種不同的方法，我在小提琴採用的方法是對slider設置attribute，然後檢查它的click事件：

function updateSlides(index, paused) { 
    $($slider).attr('data-index', index); 
    ... 
} 

$($btnNext).click(function (event) { 
    var index = parseInt($('.slider').attr('data-index')); 
    if(index > $('.slider .content li').length) { 
     index = 0; 
    } 
    console.log('#next', index); 
    updateSlides(index + 1); 
    event.preventDefault(); 
}); 

$($btnPrev).click(function (event) { 
    var index = parseInt($('.slider').attr('data-index')); 
    if(index < 0) { 
     index = 0; 
    } 
    console.log('#previous', index); 
    updateSlides(index - 1); 
    event.preventDefault(); 
}); 

請參閱更新的小提琴這裏：http://jsfiddle.net/sbp76sLc/14/