jquery - 获取 Kendo PanelBar 索引

Question

我的 Kendo 面板栏有一个 onSelect 功能

我希望能够获得所选面板的索引。

Kendo 文档中的示例获取面板的名称：

$(e.item).find("> .k-link").text())

我只想返回 0（用于顶部面板）、1、2、3 等。

谢谢，

Answer 1

我意识到这是一个旧帖子，但无论如何这里有一个答案：

e.item 是一个列表项，所以你只需要$( e.item ).index()

Answer 2

id在每个面板标题上添加一个可点击部分。然后你可以使用这样的东西。

$('.k-header').on('click', function(){
  var index = $(this).attr('id');
  var name = $(this).text();
  $('#output').html("name: "+name+"<br>"+"index: "+index);
});

span {
 border:2px solid cyan;
 border-radius:3px;
 display:block;
 padding:10px;
 width:300px;
 margin-bottom:10px;
 cursor:pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span id="0" class="k-link k-header k-state-selected">
The Dark Knight
</span>
<span id="1" class="k-link k-header k-state-selected">
The Wicker Man
</span>
<span id="2" class="k-link k-header k-state-selected">
 The Man of Steel 
</span>

<div id="output"></div>