Javascript下拉菜单不工作

我正在重新设计网站，我的CSS/javascript有问题，我无法弹出下拉菜单。我输入JS时出错，现在那里的JS不起作用

CSS

JS

$（文档）.ready（函数（）{

}))； HTML

您缺少

#nav

而您有

#菜单

---

将javascript代码中的

#nav

更改为

#menu

，或将HTML中的

id=“menu”

更改为

id=“nav”

。

在您的代码中，您将您的javascript作为$（'#nav not menu:） 可能就是这样，试试看，让我知道你进展如何

更新

试试这个代码

$(document).ready(function() {

    $("#menu li").hover(function () {
      $(this).fadeIn(250);
    },function(){
      $(this).fadeIut(250);
    });//hover

});// document ready

因为您已经选择在jquery中使用#menu li，所以没有必要使用这个）。这种方法更实用。另外，只需在CSS文件中设置z索引。

更改以下内容

$("#nav li").hover(

到

---

将jquery代码更新为

$(document).ready(function() {

    $("#menu ul").hover(
        function () {
        $(this).children("li").css({zIndex:90}).fadeIn(250);
        },function(){
        $(this).children("li").fadeOut(250);
    });//hover

});

---

您试图通过编写

$（“#nav li”）

来选择什么？没有

#nav

的包装元素。另外，当您尝试选择时，

li

s将不会有

ul

类型的子项。您希望弹出什么？父母是什么，孩子是谁？我所看到的都是父项，您的代码只反映了一种使该项淡出的悬停效果。如果有一个html代码我以前尝试过，但它也不起作用，请放入完整的html代码：/li是ul的子项。在你的代码中，你认为ul是li的孩子在这个下拉列表中，

ul

是

li

的孩子-因为你想针对第二级

ul

。在我的答案中有一个代码示例，它删除了孩子的使用，这是不需要的：）是的，我确实需要在CSS中设置z索引。这是一个IE修复，因为没有这样做，IE中的动画看起来很时髦。

$(document).ready(function() {

    $("#menu li").hover(function () {
      $(this).fadeIn(250);
    },function(){
      $(this).fadeIut(250);
    });//hover

});// document ready

$("#nav li").hover(

$("#menu li").hover(

$(document).ready(function() {

    $("#menu ul").hover(
        function () {
        $(this).children("li").css({zIndex:90}).fadeIn(250);
        },function(){
        $(this).children("li").fadeOut(250);
    });//hover

});