slideDown不起作用

我不能得到slideDown函數工作，我不明白爲什麼，當我將鼠標懸停在「école」菜單項中時什麼也沒有發生。slideDown不起作用

的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> 
    .....

和jQuery代碼

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

來源

2015-11-01 wael

請爲了使用這個腳本它的工作：

$(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（懸停）。

來源

2015-11-01 21:25:23

我嘗試過，但同樣的問題 – wael

你的hover方法調用有幾個太多的函數。最多它將接受兩個函數參數。

此外，您會發現頁面上的所有ul元素都會上下滑動。您需要通過查找ul元素來過濾，這些元素是當前hover致電的後代。

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

#nav ul { 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<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> 
 
    </ul> 
 
</menu>

來源

2015-11-01 21:27:17

謝謝你，但它不工作 – wael

slideDown不起作用

回答

相關問題