KendoUI Tabstrip aria控件

Question

我想知道如果我能控制的屬性aria-controls一個的tabstrip使用KendoUI。

實際上，我想手動更改它以選擇其他div ，但我不知道為什么它不起作用：

<ul class="k-tabstrip-items k-reset">
<li class="k-state-active k-item k-tab-on-top k-state-default k-first" role="tab" aria-selected="true" aria-controls="tabstrip-1">
<a class="k-link">Baseball</a>
</li>
<li class="k-item k-state-default" role="tab" aria-controls="tabstrip-2">
<a class="k-link">Golf</a>
</li>
</ul>

控制div ：

<div class="k-content k-state-active" id="tabstrip-1" role="tabpanel" aria-expanded="true" style="display: block;">
     <p>text1</p>
</div>
<div class="k-content" id="tabstrip-2" role="tabpanel" aria-hidden="true" aria-expanded="false">
     <p>Text 2</p>
</div>

我認為，通過更改第一個選項卡的aria-controls （ tabstrip-1到tabstrip-2 ），它將更改div的選擇。

有誰知道為什么不可能嗎？ 我該怎么辦？

Answer 1

使用accesskey屬性和keypress方法：

<a id="foo" href="some url" accesskey="1">My link</a>
<script>
function keyHandler(e) 
  {
  if (e.altKey && e.keyCode == 87) 
     {
     $("#tabstrip").focus();
     }
  }

$(document.body).keypress(keyHandler);
</script>

參考文獻

• TabStrip /鍵盤導航
• JavaScript中的偽按鍵