作者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