0

KendoUI を使用して の属性aria-controlsを制御できるかどうかを知りたいです。tabstrip

実際、別のものを選択するために手動で変更したいのですが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>

sを制御するには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 の選択が変わると思いました。

なぜそれが不可能なのか誰かが知っていますか？これを行うにはどうすればよいですか?

4

1 に答える 1

0

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>

参考文献

于 2013-10-18T22:08:25.577 に答える