点击链接”正在加载”特效中页面跳转BUG的解决方法

→

题目有点绕口,先解释一下,就是有这么一个特效:当你点击链接的时候,会显示:"正在加载"之类的文字提示,这个特效的实现,网上给出的教程是这样的

jQuery(document).ready(function($){
$('.content-title a').click(function(){
$(this).text('页面载入中……');
window.location = $(this).attr('href');
});
});

这个教程普遍存在的问题是 在多标签页浏览器中,对待在新标签中打开的链接,原标签也会同时跳转到新链接
此BUG影响的范围甚广,除了新标签包括:

1. 图片暗箱效果失效,点击图片直接跳转图片地址
2. 点击评论中的回复按钮会刷新页面
3. 插入表情会插一对
4. blablabla....

当然不是每个人都会出这种问题,因为我把.content-title去掉了以实现点击任何链接都出现文字提示的效果,所以问题的范围也就相对更广了

我看的几个帖子都没给解决方法,估计其实也有人写了,但是我没搜到,先自己写个吧
很简单,作祟的就是这句 window.location = $(this).attr('href');
它的作用是让链接在当前窗口打开,而多标签浏览器共用同一个窗口,所以导致了上述问题
把这句话去掉即可

正确版本

jQuery(document).ready(function($){
	$(' a').click(function(){
		$(this).text('是你网速慢……');
	});
});