我的jquery语法和格式有什么问题?

What's wrong with my jquery syntax and formating?

本文关键字：什么 问题 格式 jquery 语法 我的      更新时间：2023-09-26

这段代码有什么问题?可能很多，因为我是jquery新手。我试图在页面上褪色，然后褪色的背景到不同的一个在导航和设置它，所以链接会褪色的页面出来，并带来新的页面。我现在的代码不太工作，我认为一些语法和格式是问题。

$(document).ready(function() {
    $('body').fadeIn(1500);
});
$('#background').addClass('background');
setTimeout(function() {
  $('#background').addClass('background-blured');
}, 1500);
$("h1").delay(2000).animate({
    top: -50,
    opacity: 1,
  }, 700, function() {
    // Animation complete.
});

$('.link').click(function() {
    event.preventDefault();
    newLocation = this.href;
    $('body').fadeOut(500, newpage);
});
function newpage() {
    window.location = newLocation;
}
});

谢谢!

$(document)。在DOM完全加载后立即触发ready。$(document)之外的任何javascript。Ready块在浏览器仍在加载页面时运行。所以如果你的$('#background')元素还没有加载到DOM中，jQuery就不能给它添加'background'类。而且很可能只有一些$('.link')元素会添加点击事件监听器，因为当javascript运行时它们还没有加载。这就是为什么应该将这些东西嵌入到$(document)中。准备功能。

$(document).ready(function() {
    $('body').fadeIn(1500);
    $('#background').addClass('background');
    setTimeout(function() {
        $('#background').addClass('background-blured');
    }, 1500);
    $("h1").delay(2000).animate({
        top: -50,
        opacity: 1,
    }, 700, function() {
        // Animation complete.
    });
    $('.link').click(function() {
        event.preventDefault();
        newLocation = this.href;
        $('body').fadeOut(500, newpage);
    });
});
function newpage() {
    window.location = newLocation;
}

注意，通过适当的缩进，你可以很容易地看到$(document)里面的内容。准备功能。还要注意，您没有将newpage()函数这样的标准函数放在$(document).ready中。

相关文章：