Question

更新：我有填充停留但现在当我点击另一个链接时，它们都突出显示并具有填充。我该如何解决这个问题？我似乎没有删除该类或某事。谢谢你的帮助！

{
//animation for secondary content what we do page list items
$('#secondary_content_what_we_do li a').hover(function() {
   if(!$(this).hasClass("current")){
       $(this).stop()
       .animate({"paddingLeft":"10px"}, 400) 
       .addClass('column_hover');
    }
}, function() {
   if(!$(this).hasClass("current")){
       $(this).stop()
       .animate({"paddingLeft":"0px"}, 'slow')
       .removeClass('column_hover');
    }
});


$('#secondary_content_what_we_do li a').click(function () {
$('a').removeClass('column_active').removeClass('current');
$(this).addClass('column_active').addClass('current');
var url = $(this).attr('href');
$('#loading_content').hide().load(url).fadeIn(1000);
return false;
});
}

Answer 1

那是个问题？

尝试帮助...也许您忘了添加e.preventDefault()

也许问题是你在第一个处理程序中使用'#secondary_content_what_we_do li a'而在第二个处理程序中使用'#secondary_content_what_we_do a'。

<强>更新简单的解决方案：

$('#secondary_content_what_we_do li a').hover(function() {
    if(!$(this).hasClass("current")){
       $(this).stop()
       .animate({"paddingLeft":"10px"}, 400) 
       .addClass('column_hover');
    }else{
        // any other animation
    }
}, function() {
   if(!$(this).hasClass("current")){
       $(this).stop()
       .animate({"paddingLeft":"0px"}, 'slow')
       .removeClass('column_hover');
    }else{
        // any other animation
    }
});

//loads external html page 
$('#secondary_content_what_we_do a').click(function () {
    $('a').removeClass('column_active').removeClass("current");
    $(this).addClass('column_active').addClass("current");
    var url = $(this).attr('href');
    $('#loading_content').hide().load(url).fadeIn(1000);
    return false;
});

}

当我在悬停时有动画时如何显示与jquery的活动链接？

1 个答案: