Question

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

控制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>

<强>参考

KendoUI Tabstrip咏叹调控件

1 个答案: