首页 > 代码库 > 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标签
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。