如何在文档加载时自动启动图像滑块？

我是比较新的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

如何在文档加载时自动启动图像滑块？

回答

相关问题