2011-09-21 57 views
0

我有一個id #navigation li a和一個類.menu-description。我想改變。菜單,說明類。菜單,descriptionnew每當用戶在#navigation裏徘徊一幫助我簡單的javascript/jquery

我的jQuery至今:

<script> 
$(document).ready(function() { 
    $('#navigation li a').onmouseover(function() { 

    //Check if element with class exists, if so change it to new 
      if ($('div.menu-description').length != 0) 
       $('div.menu-description').removeClass('menu-description').addClass('menu-descriptionnew'); 
      //Check if element with class 'menu-descriptionnew' exists, if so change it to 'menu-description' 
      else if ($('div.menu-descriptionnew').length != 0) 
       $('div.menu-descriptionnew').removeClass('menu-descriptionnew').addClass('menu-description'); 
       }); 
}); 
</script> 

但它不工作。有什麼建議麼?謝謝!

回答

2

jQuery的事件是 「mouseover」 不 「的onmouseover」

你可以清理你的代碼很多與使用.toggleClass() method.hover() event

Here's a simple example

+0

它的工作原理是這樣的http:/ /jsfiddle.net/PXU2w/3/但是如果我在#navigation附近的任何地方放置「li a」,背景消失並停止工作。你能提出任何提示如何避免這種情況?謝謝。 –

+0

背景消失了嗎?您發給我的鏈接並沒有影響到它 –

+0

您確定要將該類懸停在鏈接上嗎?當您將鼠標懸停在列表項上時,您可能希望它切換類 –