如何在文檔加載時自動啓動圖像滑塊？

我是比較新的JavaScript & jQuery。我正在嘗試一些圖片滑動條的代碼，可以在圖片點擊事件上正常工作。但是，我希望它在文檔加載後自行運行。我怎樣才能做到這一點？我試圖把代碼放在$(document).ready()裏面，但是它不會那樣工作。這裏是我的代碼：如何在文檔加載時自動啓動圖像滑塊？

<script> 
var total = 4; 
var present = 1; 
var next = 2; 
$(document).ready(function() { 
    $("#right").click(function() { 
     present_slide = "#slide" + present; 
     next_slide = "#slide" + next; 
     $(present_slide).css("top", "200px"); 
     $(next_slide).css("top", "0px"); 
     present++; 
     next++; 
     if (present == (total + 1)) { 
      present = 1; 
      next = 2; 
      for (i = 1; i <= 4; i++) { 
       $("#slide" + i).css("top", "200px"); 
      } 
      $("#slide1").css("top", "0px"); 
     } 
    }); 
}); 
</script>

這裏 - #right是與img元素相關聯的id。 #slide1,#slide2等是與保存多個圖像的div相關聯的ID。

來源

2013-09-16 Saturnian

-1

在你的腳本塊的底部，放置這一行：

$("#right").trigger('click');

來源

2013-09-16 16:04:39 gibberish

嘗試更換$(document).ready()由$(window).onload = function(){ ... }

來源

2013-09-16 16:07:58

$(document).ready(function(){ 

$("#right").trigger("click"); 

});

來源

2013-09-16 16:11:48 Jinandra

要麼刪除$("#right").click(function() {或添加$('#right').trigger('click')。

var total = 4; 
var present = 1; 
var next = 2; 
$(document).ready(function() { 
    present_slide = "#slide" + present; 
    next_slide = "#slide" + next; 
    $(present_slide).css("top", "200px"); 
    $(next_slide).css("top", "0px"); 
    present++; 
    next++; 
    if (present == (total + 1)) { 
     present = 1; 
     next = 2; 
     for (i = 1; i <= 4; i++) { 
      $("#slide" + i).css("top", "200px"); 
     } 
     $("#slide1").css("top", "0px"); 
    } 
});

或者

var total = 4; 
var present = 1; 
var next = 2; 
$(document).ready(function() { 
    $("#right").click(function() { 
     present_slide = "#slide" + present; 
     next_slide = "#slide" + next; 
     $(present_slide).css("top", "200px"); 
     $(next_slide).css("top", "0px"); 
     present++; 
     next++; 
     if (present == (total + 1)) { 
      present = 1; 
      next = 2; 
      for (i = 1; i <= 4; i++) { 
       $("#slide" + i).css("top", "200px"); 
      } 
      $("#slide1").css("top", "0px"); 
     } 
    }).trigger('click'); 
});

來源

2013-09-16 16:12:19 putvande

您可以手動觸發'點擊」事件的圖像時，窗口加載由

$(window).load(function() { 
    $("#right").trigger('click'); 
}

這將觸發點擊一次，所有的資源都裝。

來源

2013-09-16 16:14:21

你犯了和我一樣的錯字......'trigger' – gibberish

如何在文檔加載時自動啓動圖像滑塊？

回答

相關問題