Javascript 将脚本从开始onclick更改为onload

我希望更改此脚本，以便动画在页面加载后启动，而不是在单击div时启动

任何关于我如何做到这一点的建议都将不胜感激

这是JS

$(document).ready(function() {

$(".marqueeElement").last().addClass("last");
$(".mholder").each(function() {
    var i = 0;
    $(this).find(".marqueeElement").each(function() {
        var $this = $(this);
        $this.css("top", i);
        i += $this.height();
    });
});

$('.mholder').click(function() {
    var countScrolls = $('.mholder .marqueeElement').length;

    for (var i=0; i < countScrolls; i++) {
       doScroll($('.mholder .marqueeElement:nth-child(' + i + ')'));
    }
});
});

function doScroll($ele) {
var top = parseInt($ele.css("top"));
if (top < -60) { //bit arbitrary!
    var $lastEle = $ele.closest('.mholder').find(".last");
    $lastEle.removeClass("last");
    $ele.addClass("last");
    var top = (parseInt($lastEle.css("top")) + $lastEle.height());
    $ele.css("top", top);
}
$ele.animate({
    top: (parseInt(top) - 60)
}, 80, 'linear', function() {
    doScroll($(this))
});
}

$（文档）.ready（函数（）{
$（“.marqueelement”）.last（）.addClass（“last”）；
$（“.mholder”）。每个（函数（）{
var i=0；
$（this.find（“.marqueelement”）.each（function（）{
var$this=$（this）；
$this.css（“top”，i）；
i+=$this.height（）；
});
});
$（'.mholder'）。单击（函数（）{
var countScrolls=$（'.mholder.marqueelement'）.length；
对于（变量i=0；i

只需将代码移到

.ready（）事件中即可

$(document).ready(function() {

$(".marqueeElement").last().addClass("last");
$(".mholder").each(function() {
    var i = 0;
    $(this).find(".marqueeElement").each(function() {
        var $this = $(this);
        $this.css("top", i);
        i += $this.height();
    });
});

    var countScrolls = $('.mholder .marqueeElement').length;

    for (var i=0; i < countScrolls; i++) {
       doScroll($('.mholder .marqueeElement:nth-child(' + i + ')'));
    }

});

$（文档）.ready（函数（）{
$（“.marqueelement”）.last（）.addClass（“last”）；
$（“.mholder”）。每个（函数（）{
var i=0；
$（this.find（“.marqueelement”）.each（function（）{
var$this=$（this）；
$this.css（“top”，i）；
i+=$this.height（）；
});
});
var countScrolls=$（'.mholder.marqueelement'）.length；
对于（变量i=0；i
假设
'.mholder'
是您的div的选择器，只需去掉单击处理程序-即更改为：

$('.mholder').click(function() {
    var countScrolls = $('.mholder .marqueeElement').length;

    for (var i=0; i < countScrolls; i++) {
       doScroll($('.mholder .marqueeElement:nth-child(' + i + ')'));
    }
});

$（'.mholder'）。单击（函数（）{
var countScrolls=$（'.mholder.marqueelement'）.length；
对于（变量i=0；i

到

var countScrolls=$（'.mholder.marqueelement'）.length；
对于（变量i=0；i
最简单的方法是在on ready函数的末尾添加以下内容（在绑定click事件之后）：

var countScrolls = $('.mholder .marqueeElement').length;

for (var i=0; i < countScrolls; i++) {
   doScroll($('.mholder .marqueeElement:nth-child(' + i + ')'));
}

$('.mholder').click()