JQuery的查找UL與類名

我想補充我的菜單欄上的一些動畫，代碼如下JQuery的查找UL與類名

HTML

<ul class="my_menu"> 
    <li class="home"> 
     <p><a href="#">Home</a></p> 
     <p class="subtext">The front page</p> 
    </li> 
    <li class="about"> 
     <p><a href="#">About</a></p> 
     <p class="subtext">More info</p> 
    </li> 
</ul>

的Javascript

寬鬆： http://buildinternet.com/live/smoothmenu/js/jquery.easing.1.3.js

腳本：

$(document).ready(function(){ 
    $("ul.my_menu> li").mouseover(function(){ 
     alert('hi'); 
     $(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'}); 
    }); 

    $("ul.my_menu > li").mouseout(function(){ 
     alert('bye'); 
     $(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'}); 
    }); 
});

最後，「hi」和「bye」無法顯示。我的代碼有問題嗎？提前致謝。

編輯： - 通過ul.my_menu> my_menu

來源

2013-01-08 Steve Lam

應該不是你選擇改變am_menu？

$("ul.my_menu > li")

來源

2013-01-08 08:01:14 legendofawesomeness

感謝您的答覆，我很抱歉，因爲我複製從不同的備份代碼，我肯定是沒有錯的命名，謝謝。 –

那麼有什麼不適合你？這裏有一個工作小提琴正是你的代碼 - http://jsfiddle.net/A3vvH/ ?? – legendofawesomeness

我在您的html中找不到類.am_menu。我認爲它應該替換爲ul.my_menu。

錯誤：

`$("ul.am_menu > li").mouseover(function(){` //No class .

修復：

`$("ul.my_menu > li").mouseover(function(){`

來源

2013-01-08 08:04:30 kannanrbk

感謝您的回覆，我很抱歉，因爲我複製了來自不同備份的代碼，我相信沒有命名錯誤，謝謝。 –

JQuery的查找UL與類名

回答

相關問題