jQuery页面加载事件无法正常工作

Question

我希望我的文字在页面加载时淡入,我尝试使用此代码 -

 $(document).on("load", function () {
    $("#div1").fadeIn();
});

为什么这不起作用？我正在使用3.1.1

Answer 1

您应该在window而不是文档上传递.on("load"):

$(window).on("load", function () {
    $("#div1").fadeIn();
});

或者,您可以在文档上调用.ready():

$(document).ready(function () {
    $("#div1").fadeIn();
});