Re: [請益] 開魚可折疊選單
聽說有個板叫ajax是專門討論javascript的
不過我還是回一些簡單的code好了
這種情況我傾向用hash紀錄
一開始就先預設把所有導覽列隱藏
<div id="nav">
<ul style="display:none;">
<li>導覽列一連結一</li>
<li>導覽列一連結二</li>
</ul>
<ul style="display:none;">
<li>導覽列二連結一</li>
<li>導覽列二連結二</li>
</ul>
</div>
在ready的時候讀取hash值去自動展開
$(document).ready(function(){
var hash = windiw.location.hash.substr(1);
$('#nav ul:eq('+ hash + ')').show();
});
這樣如果你連結到該頁時，如果要讓導覽列一自動打開就在連結後自動加一個#0
要讓二打開就加#1
為了可讀性，還可以考慮在ul上用data屬性紀錄其名稱
<div id="nav">
<ul style="display:none;" data-nav="user">
<li>user導覽列的連結一</li>
<li>user導覽列的連結二</li>
</ul>
<ul style="display:none;" data-nav="board">
<li>board導覽列的連結一</li>
<li>board導覽列的連結二</li>
</ul>
</div>
$(document).ready(function(){
var hash = windiw.location.hash.substr(1);
$('#nav ul[data-nav="' + hash + '"]').show();
});
這樣要讓user導覽列打開就在連結後加#user
要讓board打開就加#board
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 1.164.71.105
推
07/15 22:52, , 1F
07/15 22:52, 1F
推
07/15 22:56, , 2F
07/15 22:56, 2F
→
07/16 14:50, , 3F
07/16 14:50, 3F
→
07/16 14:50, , 4F
07/16 14:50, 4F
討論串 (同標題文章)
PHP 近期熱門文章
PTT數位生活區 即時熱門文章
