在幾個瀏覽器似乎有tabindex一些問題,所以我想要解決這些問題使用JavaScript/jQuery的。具體來說,FF3.5(Mac)不接受tabindex或根本不關注鏈接。我有我的網站上運行的jquery 1.3.2和js-hotkeys 0.7.9。jQuery的tabindex /焦點和熱鍵
我有4個表格,我可以使用鏈接進行切換。現在,當頁面加載時,我需要使用它的id來獲得焦點的鏈接。然後,我希望能夠在每個鏈接之間進行選擇以顯示每個表單。
剝離下來的代碼如下所示:
HTML
<nav id="postNav">
<ul>
<li class="Nav1"><a href="#">1</a></li>
<li class="Nav2"><a href="#">2</a></li>
<li class="Nav3"><a href="#">3</a></li>
<li class="Nav4"><a href="#">4</a></li>
</ul>
</nav>
<form class="postForm" id="post1">
</form>
<form class="postForm" id="post2">
</form>
<form class="postForm" id="post3">
</form>
<form class="postForm" id="post4">
</form>
jQuery的
$(document).ready(function(){
$("#postNav ul li a").click(function(event){
var postOptionSelected = $(this).parent("li").attr("class").substr(3);
$("form#post"+postOptionSelected).show();
$("form.postForm:not(#post"+postOptionSelected+")").hide();
event.preventDefault();
});
});
感謝 - 修正 – EddyR 2009-07-10 04:34:25