使用JQuery點擊一個按鈕時，如何切換畫面

劇本我至今是：使用JQuery點擊一個按鈕時，如何切換畫面

var array = ["heil.jpeg","8bit_12.jpeg","city.jpg"]; 

$("#next").click(function() { 
    $("img").fadeOut(function() { 
     for(var i=0; i < array.length; i++) { 
      $(this).attr('src', array[i]).fadeIn(); 
     } 
    }); // end fadeOut 
});

我如何賺了指數挑選下一個元素的數組上的按鈕#next一下什麼時候？

的jsfiddle：http://jsfiddle.net/qo5u81dk

來源

2016-01-17 Hadh

莫非你請創建一個jsfiddle？ – Tewdyn

我nevre之前使用過它，但我希望你能明白： https://jsfiddle.net/qo5u81dk/ – Hadh

您切換了ID的「back」和「next」。你也需要計算圖像陣列（drawNum）索引正確使用它。

$("#next").click(function() { 
    var drawNum = Math.round(Math.random() * (array.length)); 
    $("img").fadeOut(function() { 
    for (var i = 1; i < array.length; i++) { 
     $(this).attr('src', array[drawNum]).fadeIn(); 
    } 
    }); 
});

我修改你的jsfiddle一點點，它應該工作。

https://jsfiddle.net/qo5u81dk/2/

來源

2016-01-17 21:18:03

我已經這樣做了，但那是隨機的，我希望它只是選擇下一個，然後再次開始，任何想法如何？ – Hadh

我編輯了jsfiddle。現在它應該以你想要的方式工作 –

非常感謝你！ – Hadh

的ID在你的LI> DIV倒置 - 標有「NEXT」按鈕具有ID = 「後退」和反向。在您發佈$（「＃next」）的代碼中，單擊（函數（），如果只用「#back」替換「#next」，它就會起作用

來源

2016-01-17 21:04:16 BobiBright

實際上，「下一個」和「後退」只是HTML中的名字，這些標識符是相互關聯的（它們是箭頭，我將它們切換到下一個單詞，使其更清晰）。 – Hadh

使用JQuery點擊一個按鈕時，如何切換畫面

回答

相關問題