0

我想知道我是否可以控制使用 KendoUIaria-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>

控制divs ：

<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 回答