码迷,mamicode.com
首页 > 其他好文 > 详细

a标签

时间:2014-09-01 13:48:33      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:代码   sp   c   ef   table   bs   简单   r   方法   

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

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

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

嗯...为什么不好呢。

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

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

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

 

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

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

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

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

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

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

a标签

标签:代码   sp   c   ef   table   bs   简单   r   方法   

原文地址:http://www.cnblogs.com/cjy1993/p/3949037.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!