作者rexkimta (冷杉林)
看板Ajax
标题Fw: [问题] 有隐藏item的ordered list
时间Mon Oct 17 15:21:39 2011
※ [本文转录自 Web_Design 看板 #1Ecy5dhW ]
作者: rexkimta (冷杉林) 看板: Web_Design
标题: [问题] 有隐藏item的ordered list
时间: Mon Oct 17 13:47:15 2011
现在的情况是，
在一个ordered list里有很多item，
但是只有一个会显示出来，其他会隐藏起来。
在这种情况下，ie和chrome在item前的标号永远是1
而firefox则是不会显示标号。
请问要怎麽让他显示他原本的标号呢？
HTML:
<ol>
<li display="none">...</li>
<li>...</li>
<li display="none">...</li>
<li display="none">...</li>
<li display="none">...</li>
</ol>
<a>下一题</a> //按这个会隐藏目前显示的li，把下一个li显示出来。
我希望它显示的是
2. （li内容）
如果换下一题的话就会：
3. （li内容）
可是ie和chrome永远是：
1. （li内容）
而firefox是：
（li内容）
--
★ 辰星！ 五 欢迎加入五行战斗牌的奇幻世界！
★ ★ 太白！ 岁星！ 星 官方网站：（内有讨论区）
★★ 镇星！荧惑！ 连 http://goo.gl/jC2sp
「当苍茫天穹中 那并非最闪亮 珠 PTT台大社版：NTU-CFE
但却最纯净的五颗星 连成一线时，！
天与地的共鸣 将永不止歇，其力量可至无限。」 ψrexkimta
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 140.114.78.32
1F：→ kerash:贴个 code 应该比较好理解吧="= .. 10/17 13:57
※ 编辑: rexkimta 来自: 140.114.78.32 (10/17 14:27)
※ 编辑: rexkimta 来自: 140.114.78.32 (10/17 14:29)
※ 发信站: 批踢踢实业坊(ptt.cc)
※ 转录者: rexkimta (140.114.78.32), 时间: 10/17/2011 15:21:39
3F：→ mesak:是要类似这种东西吗 10/17 17:09
4F：→ rexkimta:类似，但不需要那麽复杂。 10/17 17:50
5F：→ sk1765:我是认为你的display='none'都写在inline 当浏览器解读到 10/19 15:08
6F：→ sk1765:display='none'时 前面的序号还没产生 因为 <li>标签还没读 10/19 15:09
7F：→ sk1765:到最後一项 但是前面的li 因为已经看到display=none 10/19 15:10
8F：→ sk1765:所以已经做了以隐藏动作 那麽读到最後一项时 序号到底要 10/19 15:11
9F：→ sk1765:产生几 不同的浏览器就会不同了 10/19 15:11
10F：→ sk1765:因为前面隐藏了 IE就把最後一项认定是1 ff乾脆不认定 10/19 15:13
11F：→ sk1765:有一个办法可以解决 把所有li里的 display='none'都拿掉 10/19 15:14
12F：→ sk1765:隐藏的动作不要写在inline 写在window.onload=function(){} 10/19 15:15
13F：→ sk1765:在onload时整个文件已经载入完成 序号也都产生好了 10/19 15:16
14F：→ sk1765:再去逐项隐藏 那麽就会是正确的标号 你可以试试 10/19 15:17
15F：→ sk1765:不过在onload做 会造成闪动现象 也是可以解决 10/19 15:20
16F：→ sk1765:在inline 的 li标签里 都把 <li display='none'>改成 10/19 15:35
17F：→ sk1765:<li visibility='hidden'> 到了window.onload 再把 10/19 15:36
18F：→ sk1765:visibility改回'visible' 同时设display='none' 10/19 15:38
19F：→ sk1765:因为visibility属性会隐藏元素但是位子仍留着 display则是 10/19 15:39
20F：→ sk1765:整个元素都不见 连位子也没了 10/19 15:40
21F：→ sk1765:sorry刚测过 display=none会自动改序号 不管哪时候 10/19 16:00
22F：→ sk1765:只有visibility=hidden不会 因为位子还留着 10/19 16:00
23F：→ rexkimta:话说我隐藏是用jquery的hide方法。 10/26 09:41