2012-02-12 46 views
1

如何在div之間選項卡?我試圖在div之間選擇用作面板的選擇選項。當在特定的div面板上標籤時,其邊框應該變爲活動狀態。它不工作,只在瀏覽器級別選項卡。這裏是我到目前爲止已經試過..如何在div之間製表符?

<script type="text/javascript"> 
     $(document).ready(function() 
     { 
      $("div").keydown(function(e) 
      { 
       if (e.which == 9) 
      { 
         $(this).css("border","4px solid gray"); 
      } 
      }); 
     }); 
    </script> 

    <div id="north"></div> 
<div id="west"></div> 
<div id="center"></div> 
+0

我在你的其他問題上評論有點苛刻。我不是故意刪除它。這是我對你的其他問題的回答:http://jsfiddle.net/rn7aU/。 – 2012-02-13 17:58:48

回答

2

我想你可以做這樣的事情:

$(document).ready(function() { 

    // ids of divs you want to cycle through 
    var divs = ["north", "west", "center"]; 
    var startIndex = 0; 


    $(document).keydown(function(e) { 
     if (e.which == 9) { 

      // remove previously applied border 
      $("div").css("border", ""); 
      $("#" + divs[startIndex]).css("border", "4px solid gray"); 
      startIndex++; 

      // reset to first one 
      if(startIndex === divs.length) { 
       startIndex = 0;     
      } 
     } 

     // prevent "tabbing out" of the document view 
     return false; 
    }); 
});​ 

Demo.(請務必在所呈現的頁面區域中單擊事先)

+0

感謝Karim所需的示例 – 2012-02-12 17:10:53

+0

它的工作原理但不是div序列(北,中,西)。它的工作方式,其工作選項卡(北,中,西),然後它選中瀏覽器網址。 – 2012-02-12 17:13:44

+0

它現在工作,我忘了添加返回虛假陳述, – 2012-02-12 17:18:37

相關問題