JavaScript-点击超链接如何完成一个动画后才跳转?

JavaScript-点击超链接如何完成一个动画后才跳转?

虐人心 发布于 2017-06-07 字数 448 浏览 1142 回复 2

最近对网站js代码重构,将很多标签中直接写onXXX的事件,都统一用jquery来写,
大部分都没有问题,但是有一个a标签就不行了,代码如下:
html:

<a href="http://www.baidu.com" id='goto' onclick="hideTips(this);return false;">xxxx</a>

<div id='tips' style='display:none'>
<div>正在跳转到:<span id='showhref'></span></div>
</div>

发布评论

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

评论(2

浮生未歇 2017-10-19 2 楼

可以使用 preventDefault()来阻止a标签的默认动作:

 $('#goto').click(function(e){

e.preventDefault();
var _this = $(this);
$("#tips").slideDown(500,function(){
$('#showhref').html(_this.attr('href'));
setTimeout(function(){
location.href= _this.attr('href');
},2000);
});
})

清晨说ぺ晚安 2017-07-08 1 楼

加个return false;

 $("#goto").click(function(){
var _this = $(this);
$("#tips").slideDown(500,function(){
$('#showhref').html(_this.attr('href'));
setTimeout(function(){
location.href= _this.attr('href');
},2000);
});
return false;
})