javascript - jQuery 代码在 Chrome 上不起作用

Question

jQuery 代码

$(Document).ready(function() {
    var $download = $('#navbar li:nth-child(1)');
    var $about_us = $('#navbar li:nth-child(2)');

    $download.mouseenter(function() {
        $download.fadeTo('fast', 0.5);
    });

    $about_us.mouseenter(function() {
        $about_us.fadeTo('fast', 0.5);
    });

    $('#navbar li').mouseleave(function() {
        $('#navbar li').fadeTo('fast',1);
    });
});

通过这段代码，我试图在您悬停时使列表的某些部分变暗。它可以在 Firefox 中运行，但不能在 chrome 上运行，我做错了什么？

Answer 1

JavaScript 区分大小写，因此您需要使用 document 而不是 Document；它们在 Chrome 中是两个独立的东西。

Document 似乎是 Chrome 中某些内容的构造函数，但我不确定它的用法。