KendoUI Tabstrip aria-controls

Question

Я хотел бы знать, могу ли я управлять атрибутом aria-controlstabstrip с использованием 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 s:

<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/Keyboard navigation
• Pseudo Keypress in JavaScript