Question

我有这样一条法典:

$("#comingsoon, #1, #2, #3").hide().each(function(i) {
    $(this).delay(i * 500).slideDown(1500);
});

我的网页上的一系列物体基本上消失了,问题在于,当首页的闪光标者正在装上时, an升lag就lag。我愿推迟整整段 j升,大约为2-3秒。

任何人都持有任何想法。

Answer 1

我假定,你正在使用<代码>$(文件)ready()发射你的代码。

如果您要等到DOM和所有网页内容均已装满,请您使用$(document).bind(“onload”) ;。

Answer 2

由于你已经使用<代码>delay<>/code>,你只能增加一个固定的间隔时间,以填补您目前的不同间隔:

$("#comingsoon, #1, #2, #3").hide().each(function(i) {
  $(this).delay(2500 + i*500).slideDown(1500);
});

(在滑坡开始之前,2500图增加了2.5次拖延)

如果您想推迟hiding 此外,使你的工作陷入一个拖延:

setTimeout(function() {
    $("#comingsoon, #1, #2, #3").hide().each(function(i) {
      $(this).delay(i*500).slideDown(1500);
    });
}, 2500);

直到该法典出台后2.5秒钟,这就赢得了 t。

另见John Gietzen swer: 如果你要等到所有页面内容都装上(可能是一个很长的时间,但可能恰恰是你在此所希望的),则使用<代码>window<>代码><代码>>><>代码>而不是<代码>jQuery.ready。

Answer 3

$(window).load(function () {
     $("#comingsoon, #1, #2, #3").hide().each(function(i) {
     $(this).delay(i*500).slideDown(1500);
     });
});

当窗口上载时,而不是在DOM=>上载。

Answer 4

你们总是能够利用设定时间的功能。

setTimeout(   function() {

    $("#comingsoon, #1, #2, #3").hide().each(function(i) {
        $(this).delay(i*500).slideDown(1500);
    });

}, 3000);

友情链接