Jquery 向下滑动不'；行不通_Jquery_Slidedown

Jquery 向下滑动不'；行不通

jquery

Jquery 向下滑动不'；行不通,jquery,slidedown,Jquery,Slidedown,我无法让slideDown函数工作，也无法理解为什么，当我将鼠标悬停在“école”菜单项时，什么都没有发生 html代码： <body> <div id="background_bleu"> <div id="global"> <header> <div id="block_search"> <img id="search" src="image/search.png"> <i

我无法让slideDown函数工作，也无法理解为什么，当我将鼠标悬停在“école”菜单项时，什么都没有发生

html代码：

<body>
  <div id="background_bleu">
  <div id="global">
  <header> 
    <div id="block_search">
    <img id="search" src="image/search.png"> 
    <input id="input_search" type="search"/>
    <input id="go" type="button" value="Go"/>    <p id="title_search">   
    Advance Search</div>
  <menu id="menu1">
  <ul id="nav"> 
     <li> <a href="#"> Accueil </a> </li>
     <li> <a href="#"> L'école </a>
       **<ul>
          <li> <a href="#"> Qui sommes-nous ? </a></li>
          <li> <a href="#">L'équipe pédagogique </a></li>
          <li> <a href="#">Espace parent </a></li>
          <li> <a href="#">Réglement intérieur </a></li>
          <li> <a href="#">Tarifs </a></li>**
      </ul>
     </li>
     .....

请使用此脚本以使其正常工作：

$(document).ready(function(){
  $('#menu1 #nav li').hover(function(){
        $('ul', this).stop(true, true).slideDown();
    },function(){
        $('ul', this).slideUp();
    });
});

和CSS代码：

#menu1 #nav ul { display: none; }

在脚本中，使用

$（'ul'，this）

表示事件父级的子ul（悬停）。

请使用此脚本以使其正常工作：

$(document).ready(function(){
  $('#menu1 #nav li').hover(function(){
        $('ul', this).stop(true, true).slideDown();
    },function(){
        $('ul', this).slideUp();
    });
});

和CSS代码：

#menu1 #nav ul { display: none; }

在脚本中，当您使用

$（'ul'，this）

时，它意味着事件父级的子ul（悬停）。

您的方法调用中有太多的函数。它最多只能接受两个函数参数

此外，您会发现页面上的所有

ul

元素都会上下滑动。您需要通过查找作为当前

hover

调用的中心元素的

ul

元素进行筛选

$（文档）.ready（函数（）{
$（“#menu1#nav li”）。悬停(
函数（）{
$（this.find（'ul'）.slideDown（）；
},
函数（）{
$（this.find（'ul'）.slideUp（）；
}
);
});
#导航ul{
显示：无；
}













方法调用中的函数太多。它最多只能接受两个函数参数
此外，您会发现页面上的所有ul
元素都会上下滑动。您需要通过查找作为当前hover
调用的中心元素的ul
元素进行筛选

$（文档）.ready（函数（）{
$（“#menu1#nav li”）。悬停(
函数（）{
$（this.find（'ul'）.slideDown（）；
},
函数（）{
$（this.find（'ul'）.slideUp（）；
}
);
});
#导航ul{
显示：无；
}