嗨,即时通讯使用此代码的链接列表,其动态填充。我想当我点击它来保持填充而不是动画回到其原始位置。我不明白的是两件事。 “if (!$(this)
”代码的一部分,以及如何当我没有在任何链接上的一类电流它找到任何?非常感谢!有人可以为我解释这段代码吗?
$(function() {
$('#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 a').click(function() {
$('a').removeClass('column_active').removeClass("current");
$(this).addClass('column_active').addClass("current");
$('#secondary_content_what_we_do li a').trigger('mouseleave');
var url = $(this).attr('href');
$('#loading_content').hide().load(url).fadeIn(1000);
return false;
});
})
UPDATE 由于某种原因,我不能评论。我现在明白,但我没有在我的CSS当前类,所以我不知道如何行帮助。
了`current`类被添加到`anchor`。没有为类声明任何css规则并不重要,jQuery只是用它来识别和跟踪元素的状态。因此,当您将鼠标悬停在某个元素上时,代码会标识该悬停元素是否是您单击的最后一个元素,并相应地执行操作。 – fearofawhackplanet 2011-01-24 18:01:46