添加和删​​除类和预防淡化

Question

我创建了3个链接，当它们悬停在淡入淡出时，我还添加了一个点击事件，当点击时会添加“活动”类，然后我想在再次单击时删除该类。我已经阅读了一些帖子似乎暗示removeClass在addClass之前，但我不知道为什么。此外，当我点击链接并实现addClass时，我还想在此禁用fadeTo？

如果有人能够解释这些过程中的每个过程都很好，因为我正在尝试学习jQuery。

代码在这里http://jsfiddle.net/kyllle/FtUdN/

Answer 1

点击此处查看工作演示：http://jsfiddle.net/rVhte/

$('#nav li a').toggle(

function() {
    $('.active').removeClass('active');
    $(this).addClass('active');
    $("#nav li a").unbind('mouseenter mouseleave');


}, function() {
    $(this).removeClass('active');
    $('#nav li a').hover(function() {
    $(this).fadeTo(200, 0.5).end();
}, function() {
    $(this).fadeTo(200, 1.0).end();
});


});

编辑：点击链接后禁用鼠标悬停事件

Answer 2

尝试点击这个：

        $('#nav li a').click(function(){
            $(this).toggleClass('active')
        }); 

小提琴：http://jsfiddle.net/maniator/FtUdN/3/

Answer 3

您可以使用.toggleClass方法。在hover处理程序中，您可以使用hasClass方法检查是否应该淡出。

更新了小提琴：http://jsfiddle.net/rfvgyhn/FtUdN/13/