如何添加一個活動狀態到這個jQuery代碼

任何意見，如何添加一個活動狀態（在選擇後保持高亮狀態）到這個代碼？如何添加一個活動狀態到這個jQuery代碼

的jQuery：

$(function() { 
    $("ul#navigation span").css("opacity","0"); 
    $("ul#navigation span").hover(function() { 
     $(this).stop().animate({ 
      opacity: 1 
     }, "slow"); 
    }, 
    function() { 
     $(this).stop().animate({ 
      opacity: 0 
     }, "slow"); 
    }); 
});

來源

2011-12-02 user1078121

添加CSS類的項目，當你選擇的項目。

.addClass（）jQuery方法將執行此操作。

來源

2011-12-02 19:49:08 Uthr

感謝您的回答。我是這個jQuery的新手。你可以解釋嗎？ – user1078121

jQuery中的addClass（）和removeClass（）方法，通過向定義的對象添加一個CSS類（比如說''jQuery（this）.addClass（'selected'）'），可以爲頁面添加一種狀態或該頁面上的對象。你想在這裏做什麼？ – Uthr

好吧，這是我需要一個活動狀態：http://www.shopdev.co.uk/blog/animated-menus-using-jquery/ – user1078121

不確定你在找什麼，但是這可以根據你的具體用途以多種方式完成？

這裏有一個小提琴，以顯示它是如何通常使用類進行：http://jsfiddle.net/zqTLu/5/

來源

2011-12-02 21:03:14 adeneo

非常感謝你adeneo！以及如果一個精靈圖片用作菜單元素，而不是css紅綠色？ – user1078121

唯一的問題是，我必須再次點擊相同的項目才能刪除活動狀態...我的意思是，如果我點擊另一個項目，那麼以前的項目變回無效。我應該如何修改代碼？ – user1078121

在將活動類再次附加到單擊的span元素之前，只需從所有span元素中刪除活動類，請參閱[THIS FIDDLE]（http://jsfiddle.net/zqTLu/12/）以獲取解釋。 – adeneo

如何添加一個活動狀態到這個jQuery代碼

回答

相關問題