作者oj113068 (橘子汁)
看板Web_Design
标题[问题] jQuery show()前後在Chrome的排版
时间Mon Jun 3 14:36:50 2013
想请教一下各位版友
我用作了一个点选主选单出现次选单的效果
点选主选单以後,原本设为display:none的次选单会用show()的方式出现
在火狐、IE上皆为正常
但在Chrome上发生一个问题
就是第一次点选主选单,次选单会在很正常的位置上滑出
图示
http://ppt.cc/uF53
但当第二次点选,次选单的位置就被挤掉了,跑到了下方去
图示
http://ppt.cc/6Aqu
检查/修改display、flaot、width等设置都无果
code在此 请用Chrome开
http://jsfiddle.net/fbzK4/6/ (已修正 谢谢S大提醒>"<)
实在无法确定这是排版问题还是我写法有误Orz
但我有试过先把元素加上display:block 看看,排版是正确的
所以为什麽show()之前和之後css看起来没有变动但却跑版实在百思不得其解Orz
不知是否有板友有经验或是知道可能是哪类问题
先谢谢大家Orz
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 60.249.39.28
1F:→ oj113068:附带一提我先改用animate()控制宽度解掉 06/03 15:08
2F:→ oj113068:不过还是希望有人可以解惑Orz 06/03 15:09
3F:推 s25g5d4:你的fiddle是不是有问题啊 06/03 18:56
4F:→ oj113068:对不起,请问fiddle有问题的意思是...?Orz 06/03 21:18
5F:推 s25g5d4:你贴的code 我甚麽都没看到 而且也没有javascript code 06/03 22:00
哇啊啊啊!!!!对不起我贴错版本了Orz 我自己一直开着视窗所以没发现
正确在此
http://jsfiddle.net/fbzK4/6/
对不起 囧> 谢谢S大提醒
※ 编辑: oj113068 来自: 122.117.36.157 (06/03 23:08)
※ 编辑: oj113068 来自: 122.117.36.157 (06/03 23:09)