推 devil115789: 單純show hide? 05/05 14:15
→ evayang1218: 好的謝謝 05/08 17:08
由於網頁上有多個頁籤，使用者希望可以透過鍵盤切換頁籤，
如Shift+1切到頁籤一、Shift+2切到頁籤二....等，
Html
<!-- the tabs -->
<ul class="tabs">
<li ><a href="#1">RiCo技術農場</a></li>
<li ><a href="#2">MSDN技術論壇</a></li>
<li ><a href="#3">TechNet技術論壇</a></li>
</ul>
<!-- tab "panes" -->
<div class="panes">
<div id="d1">歡迎參觀我的部落格，請多多指教</div>
<div id="d2">MSDN逛過才知道它的好</div>
<div id="d3">TechNet看過才了解它的美</div>
</div>
<script type="text/javascript">
$(function() {
//setup ul.tabs to work as tabs for each div directly under
div.panes
$("ul.tabs").tabs("div.panes > div");
//切換頁籤其實就是click頁籤超連結
$(document).bind('keydown', 'Shift+1', function
(){$('a[href=#1]').click();});
$(document).bind('keydown', 'Shift+2', function
(){$('a[href=#2]').click();});
$(document).bind('keydown', 'Shift+3', function
(){$('a[href=#3]').click();});
});
</script>
---------------------------------------------------------------------------
想請問除了這個方法 有其他方法是可以用一樣的操作方式嗎???
因為主要tab頁籤 不是用ul列出來的
想找別的方法
謝謝大家
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 210.69.138.170
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1430711609.A.E0D.html