如何添加一个活动状态到这个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代码

回答

相关问题