javascript - 如何将鼠标悬停在菜单按钮上并出现选择？

Question

如果我想，这个 jquery 有什么问题:将鼠标悬停在 #menu(整个内容)上，然后所有其他菜单选项都会出现在其下方。这些选择是 .menubox，但我将它们与 .menuboxSuperior 分开分组为 #others。始终显示(菜单)的顶部框称为 .menuboxSuperior。 此外，当我将鼠标悬停在整个内容(#menu)上时，我希望不透明度从 0.4 增加到200 毫秒内为 0.9。这些都不适合我。我该怎么办？

jQuery:

$(document).ready(function(){
    $('.menubox').hide();

$('#menu').mouseenter(function(){
    $(this).fadeTo(200 0.9);
});

$('#menu').mouseleave(function(){
    $(this).fadeTo(200 0.4);
});

$('#menu').mouseenter(function(){
    $('#others').show();
});

$('#menu').mouseleave(function(){
    $('#others').hide();
});

});

非常感谢!

Answer 1

你少了一个逗号

$(this).fadeTo(200 0.9);
$(this).fadeTo(200 0.4);

应该是

$(this).fadeTo(200, 0.9);
$(this).fadeTo(200, 0.4);

大多数现代浏览器都有带控制台的开发人员工具，可以显示像这样的简单错误 - 在这种情况下，firefox 在参数列表之后显示 SyntaxError: missing )，并准确显示代码中的哪一行错误的。如果你想开发，使用开发者工具