首页 > 代码库 > a标签

a标签

a标签有href的话是一个超链接,超链接在点击完后就会刷一下页面

比如<a href="http://www.mamicode.com/###" >xxx</a>点击后,页面就会变成当前链接后加###的页面

比如在点击a标签弹浮层后,用超链接就会把本地table刷新一遍,这个挺不好的

嗯...为什么不好呢。

具体案例就是,如果一个页面有很长的滚动条,在页面底部点击a后弹出一个浮层,那个浮层是在那个长页面底部(当前视窗下)居中的;

但是点击a后,页面可能就重刷了,页面又回到顶部了,那刚才那个原本居中的浮层又还没关闭,现在就不居中了,卡在页面底部了。

所以解决方法就是,最好不要让a有超链接属性href,但是此时a的cursor鼠标样式也没了。或者换成span标签来点击,同样也要加cursor样式

 

当时还遇到另外一种情况是,有两个页面

当前页面是很长的,跳转后页面是很短的。

要是在点击某个标签后,触发两个同步事件:弹层和跳转。

弹出一个浮层显示保存成功,接着跳转到另一个页面,那个浮层就会卡在短页面底部。其实这个浮层本来是在长页面底部视窗的正中央的。

解决方法1:回到新页面在弹出浮层。虽然整体感受也不是很好,但至少比浮层卡在底部好看

解决方法2:在浮层点击确定后再跳转。这样可能就不能用简单的两行同步代码来解决了,必须得给浮层的确定添加事件了。如果浮层只是执行一个简单的alert效果,这样绑定,就得重新包装那个浮层的事件,给出一个afteropen的接口调用事件了。比较麻烦。

a标签