開關變量問題

Question

雖然關於什麼可以稱爲「內容滑塊」工作我寫這一段代碼了：

var dayy = 1; 
 

 
$(".buttonSix").click(function() { 
 
    dayy--; 
 
    console.log(dayy); 
 
}); 
 

 
$(".buttonSeven").click(function() { 
 
    dayy++; 
 
    console.log(dayy); 
 
}); 
 

 

 
switch (dayy) 
 
{ 
 
    case 0: 
 
    var dayy = 1; 
 
    break; 
 
    case 1: 
 
    break; 
 
    case 2: 
 
    $(".fist").fadeOut(); 
 
    $(".second").fadeOut(); 
 
    $(".third").fadeIn(); 
 
    $(".fourth").fadeIn(); 
 
    break; 
 
    case 3: 
 
    $(".third").fadeOut(); 
 
    $(".fourth").fadeOut(); 
 
    $(".fith").fadeIn(); 
 
    $(".sicth").fadeIn(); 
 
    break; 
 
    case 4: 
 
    $(".fith").fadeOut(); 
 
    $(".sicth").fadeOut(); 
 
    $(".seventh").fadeIn(); 
 
    $(".eight").fadeIn(); 
 
    break; 
 
    case 5: 
 
    $(".seventh").fadeOut(); 
 
    $(".eight").fadeOut(); 
 
    $(".nineth").fadeIn(); 
 
    $(".tenth").fadeIn(); 
 
    break; 
 
    case 6: 
 
    $(".nineth").fadeOut(); 
 
    $(".tenth").fadeOut(); 
 
    $(".eleventh").fadeIn(); 
 
    $(".twelve").fadeIn(); 
 
    break; 
 
    case 7: 
 
    $(".eleventh").fadeOut(); 
 
    $(".twelve").fadeOut(); 
 
    $(".thirteenth").fadeIn(); 
 
    $(".fourteenth").fadeIn(); 
 
    break; 
 
    default: 
 
    $(".thirteenth").fadeOut(); 
 
    $(".fourteenth").fadeOut(); 
 
    $(".first").fadeIn(); 
 
    $(".second").fadeIn(); 
 
    var dayy = 1; 
 
    break; 
 
}

所有的HTML的div有顯示沒有，除了第一第二個是可見的。 增量正在記錄和工作，但交換機不工作。

沒有控制檯錯誤被記錄

所有幫助和意見是值得讚賞， 非常感謝你提前

Answer 1

你的開關不是叫點擊之後，它應該是：

var dayy = 1; 

    $(".buttonSix").click(function() { 
     switchDayy(--dayy); 
    }); 

    $(".buttonSeven").click(function() { 
     switchDayy(++dayy) 
    }); 

function switchDayy(dayy){ 
    switch (dayy) { 
     case 0: 
     var dayy = 1; 
     break; 
     case 1: 
     break; 
     case 2: 
     $(".fist").fadeOut(); 
     $(".second").fadeOut(); 
     $(".third").fadeIn(); 
     $(".fourth").fadeIn(); 
     break; 
     case 3: 
     $(".third").fadeOut(); 
     $(".fourth").fadeOut(); 
     $(".fith").fadeIn(); 
     $(".sicth").fadeIn(); 
     break; 
     case 4: 
     $(".fith").fadeOut(); 
     $(".sicth").fadeOut(); 
     $(".seventh").fadeIn(); 
     $(".eight").fadeIn(); 
     break; 
     case 5: 
     $(".seventh").fadeOut(); 
     $(".eight").fadeOut(); 
     $(".nineth").fadeIn(); 
     $(".tenth").fadeIn(); 
     break; 
     case 6: 
     $(".nineth").fadeOut(); 
     $(".tenth").fadeOut(); 
     $(".eleventh").fadeIn(); 
     $(".twelve").fadeIn(); 
     break; 
     case 7: 
     $(".eleventh").fadeOut(); 
     $(".twelve").fadeOut(); 
     $(".thirteenth").fadeIn(); 
     $(".fourteenth").fadeIn(); 
     break; 
     default: 
     $(".thirteenth").fadeOut(); 
     $(".fourteenth").fadeOut(); 
     $(".first").fadeIn(); 
     $(".second").fadeIn(); 
     var dayy = 1; 
     break; 

    } 
}