PTT數位生活區 / Ajax

Fw: [問題] 有隱藏item的ordered list

看板Ajax作者 (冷杉林)時間14年前 (2011/10/17 15:21), 編輯推噓1(1推 0噓 21→)
留言22則, 3人參與, 最新討論串1/1
※ [本文轉錄自 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
→
10/17 13:57, , 1F
貼個 code 應該比較好理解吧="= ..
10/17 13:57, 1F
※ 編輯: 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
推
10/17 17:09, , 2F
10/17 17:09, 2F
→
10/17 17:09, , 3F
是要類似這種東西嗎
10/17 17:09, 3F
→
10/17 17:50, , 4F
類似，但不需要那麼複雜。
10/17 17:50, 4F
→
10/19 15:08, , 5F
我是認為你的display='none'都寫在inline 當瀏覽器解讀到
10/19 15:08, 5F
→
10/19 15:09, , 6F
display='none'時 前面的序號還沒產生 因為 <li>標籤還沒讀
10/19 15:09, 6F
→
10/19 15:10, , 7F
到最後一項 但是前面的li 因為已經看到display=none
10/19 15:10, 7F
→
10/19 15:11, , 8F
所以已經做了以隱藏動作 那麼讀到最後一項時 序號到底要
10/19 15:11, 8F
→
10/19 15:11, , 9F
產生幾 不同的瀏覽器就會不同了
10/19 15:11, 9F
→
10/19 15:13, , 10F
因為前面隱藏了 IE就把最後一項認定是1 ff乾脆不認定
10/19 15:13, 10F
→
10/19 15:14, , 11F
有一個辦法可以解決 把所有li裡的 display='none'都拿掉
10/19 15:14, 11F
→
10/19 15:15, , 12F
隱藏的動作不要寫在inline 寫在window.onload=function(){}
10/19 15:15, 12F
→
10/19 15:16, , 13F
在onload時整個文件已經載入完成 序號也都產生好了
10/19 15:16, 13F
→
10/19 15:17, , 14F
再去逐項隱藏 那麼就會是正確的標號 你可以試試
10/19 15:17, 14F
→
10/19 15:20, , 15F
不過在onload做 會造成閃動現象 也是可以解決
10/19 15:20, 15F
→
10/19 15:35, , 16F
在inline 的 li標籤里 都把 <li display='none'>改成
10/19 15:35, 16F
→
10/19 15:36, , 17F
<li visibility='hidden'> 到了window.onload 再把
10/19 15:36, 17F
→
10/19 15:38, , 18F
visibility改回'visible' 同時設display='none'
10/19 15:38, 18F
→
10/19 15:39, , 19F
因為visibility屬性會隱藏元素但是位子仍留著 display則是
10/19 15:39, 19F
→
10/19 15:40, , 20F
整個元素都不見 連位子也沒了
10/19 15:40, 20F
→
10/19 16:00, , 21F
sorry剛測過 display=none會自動改序號 不管哪時候
10/19 16:00, 21F
→
10/19 16:00, , 22F
只有visibility=hidden不會 因為位子還留著
10/19 16:00, 22F
→
10/26 09:41, , 23F
話說我隱藏是用jquery的hide方法。
10/26 09:41, 23F
‣ 更多 rexkimta 的文章
文章代碼(AID): #1EczU4Ie (Ajax)
Ajax 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 rexkimta 的文章
文章代碼(AID): #1EczU4Ie (Ajax)