作者asuka05 (人生以快乐为最终目标)
看板Ajax
标题[问题] 关於使用 jQuery/Tab + anchor 的跳跃问题
时间Wed Feb 25 17:50:06 2009
来这边请教一个怪问题,因为我呈现的资料量很多,
所以我用
http://stilbuero.de/jquery/tabs/ 这个来制作分页tab功能,
最近因为每个tab下的资料又很长,所以多做个"能快速跳到该区块"的功能,
也就是用锚点连结(anchor link )来达成,但完成後却发现一个问题,
先说明这情形在 Firebox 跟 Chrome 里都是运作正常,
但是在 IE会有问题!
IE 的状况是,当我第一次点击 <a href="#1">X</a> 这种锚点连结
他会跳到该区块 X没错,但接着(瞬间)他会整页刷新,
结果就会跑 jQuery 的 tab 语法,也就变成显示我预设的tab页。
(焦点自然不在 X区块上了)
而只要点过一次後,这种状况就不会再发生,不论是切换tab或是点锚点都正常,
但奇怪的就是每当系统页面载完,第一次点锚点时网页总会回到 server refresh,
这是因为 IE 的设定吗?
不晓得有没有人遇过,这该怎麽解决才好呢?
谢谢回应!
-解决方案
在说明一下我系统的情境,我的系统如果是从别的地方代登入进来的,
会接受一个 page的参数,假如是 =2,网址最後就会串 #2
使之进入 tab=2 页面。
而问题会产生的状况,假如系统是自己登入的,网址会变 #null,
这"在 IE"的预设情况下,变成第一次点锚点类link,会造成页面刷新,
所以解决方式就是程式在收完参数,判断那是 null 後,不要串入 url
xxx.jsp?ooo=xxx&oo=xx
#p
^^不论是p值或是#都不要加入网址
这样子 IE的问题就解决惹~~
--
╭╯
╭╬╮ ╭╮╭╗
╚╯╰。 ﹍﹎﹍﹎﹍
﹎﹍﹎﹍﹎
﹍﹎﹍﹎﹍﹎﹍
╰╬╯。
╭╭╗ ▉▏▍天下武功,无坚不破,唯快不破。 ▏▊▊▌ ╔╮╰╯
╰╬╯。
﹊
﹉﹊﹉﹊﹉﹊﹉﹊
﹉﹊﹉﹊﹉﹊﹉﹊
╰╬╯。
╰╯ 。╯
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.119.210.191
1F:→ asuka05:自问自答一下 02/26 10:59
※ 编辑: asuka05 来自: 140.119.210.191 (02/26 11:03)