时间戳

首页 > 解决方案 > Kendo UI Tabstrip 1 点击

kendo-ui - Kendo UI Tabstrip 1 点击

问题描述

我只想alert在点击时进行Tab 1，但似乎它不起作用。在这里感谢您的帮助。

<div id="tabstrip">
  <ul>
    <li>Tab 1</li>
    <li>Tab 2</li>
  </ul>
  <div>
 <div>Content 1</div>
  </div>
  <div>Content 2</div>
</div>

<script>
  var tabStrip = $("#tabstrip").kendoTabStrip().data("kendoTabStrip");

  tabStrip.select("li:first");  
  $("#tabstrip").on("click", function() {
      tabStrip.select(1);   
      alert("hi");
  });
</script>

完整的演示在这里

标签： kendo-uikendo-grid

解决方案

此外，您可以随时使用 onSelect 事件函数来识别所选元素。

var onSelect = function(e) {
        var a = e.item.innerText;
        console.log(e.item.innerText);
        if(a ==="Tab 1"){
          console.log("Tab 1 selected");
        }


     };

https://docs.telerik.com/kendo-ui/api/javascript/ui/tabstrip/events/select

推荐阅读