a标签添加点击事件导致效果失效

有时候给a标签添加点击事件会引起页面刷新导致点击事件看不到效果,但是会看到一瞬间的闪现，打断点调试可以观察到，点击事件之后，页面又刷新了

 

原因：a标签的href会导致默认的页面跳转事件，如果为空值，就会刷新页面，所以就会出现上述的问题。可以改为href=’#’或者href=”JavaScript:;”等。

或者使用e.preventDefault();解决。

解决方法给函数内部添加return  false；