使用 ajax 加载内容时如何显示活动链接?
我希望当用户单击加载外部 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
只需在当前链接上设置一个类即可。
不过,不要忘记从上一个链接中删除该类(如果有)。
Just set a class on the current link.
Don't forget to remove the class from the previous link, if any, though.
哦......我没有抓住旅游需求......
这是你的需求
O......i didn't catch tour needs........
this is your needs