使用ajax加载内容时如何显示活动链接?

时间:2011-01-20 10:02:43

标签: jquery ajax hyperlink

我希望当用户点击加载外部ajax html文件的链接时,可以直观地指示他在该链接上。我希望有一个活跃的课程,但我不能,因为我在链接上有一个动画。请帮帮我。谢谢 这是我的代码

我的链接动画:

$('#secondary_content_what_we_do li a').hover(function() {
    $(this).stop()
    .animate({"paddingLeft":"10px"}, 400) 
    .addClass('column_hover');
}, function() {
    $(this).stop()
    .animate({"paddingLeft":"0px"}, 'slow')
    .removeClass('column_hover');
});

加载内容的动画:

$('#loading_content').load('what-we-do/filladia.html');

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

2 个答案:

答案 0 :(得分:0)

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

只需在当前链接上设置一个类。 不要忘记从上一个链接中删除该类,如果有的话。

答案 1 :(得分:-1)

O ......我没有赶上旅游需求........

$('#loading_content').load('what-we-do/filladia.html',function(){
   //animation code is being here...........

   });

这是你的需求