→ rexkimta:這方法看來是滿適合的，謝啦。 10/17 17:52
推 rexkimta:不過是有點麻煩。還是乾脆自己產生編號好了。 10/17 17:58
※ 引述《rexkimta (冷杉林)》之銘言：
: 現在的情況是，
: 在一個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內容）
硬弄一個就會長這樣(chrome.. IE請另行找setAttr的param)
<script type="text/javascript">
var count = 0;
function next()
{
var lists = document.getElementsByName("lists");
lists.item(count++).setAttribute("style","visibility:hidden; margin-top:
-20px");
lists.item(count).setAttribute("style","visibility:visible;");
}
</script>
----------------------------------------
<ol>
<li name="lists">List 1</li>
<li name="lists" style="visibility: hidden;">List 2</li>
<li name="lists" style="visibility: hidden;">List 3</li>
<li name="lists" style="visibility: hidden;">List 4</li>
</ol>
<a href="#" onclick="next();" style="position: absolute; top:40px; left:
10px;">Show Next</a>
http://ppt.cc/4Tjg
因為 visibility 會保留空間，所以需要 margin-top 往上提 ..
整體上會比較麻煩...
不知道這是不是你要的..
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.34.45.83