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

发布于 2024-10-13 19:25:16 字数 713 浏览 2 评论 0原文

我希望当用户单击加载外部 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;
});

i want when a user clicks on a link that loads an external ajax html file to have a visual indication that he is on that link. I want to have an active class on that but i cant since i have an animation on the links. Please help me out. Thanks
Here is my code

animation for my links:

$('#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');
});

animation for the loading content:

$('#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;
});

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

秉烛思 2024-10-20 19:25:17
$('#secondary_content_what_we_do a').click(function () {
    var url = $(this).addClass('active').attr('href');
    $('#loading_content').hide().load(url).fadeIn(1000);
    return false;
});

只需在当前链接上设置一个类即可。
不过,不要忘记从上一个链接中删除该类(如果有)。

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

Just set a class on the current link.
Don't forget to remove the class from the previous link, if any, though.

反目相谮 2024-10-20 19:25:17

哦......我没有抓住旅游需求......

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

   });

这是你的需求

O......i didn't catch tour needs........

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

   });

this is your needs

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文