kendo-ui - Kendo UI TabStrip e.preventDefault() 不起作用

Question

两个问题：

1.) e.preventDefault() 在某处无法与 Kendo UI TabStrip 一起正常工作

$("#tabstrip").kendoTabStrip().data('kendoTabStrip');

出现。

2.) 想象用户点击另一个选项卡，但有未保存的更改。将弹出一个对话框，询问他是否要放弃更改并转到选项卡，或者是否要留在活动选项卡上以保存更改。

我的解决方案不起作用。因为 1. 我猜的问题，因为 .data() 以某种方式重新初始化 TabStrip？！怎么了？

这是一个（不）工作示例 http://jsfiddle.net/Nakkvarr/w9586/

关于这个问题的任何想法？

Answer 1

它不适用于第一个选项卡的原因是因为您在同一元素上两次初始化了选项卡条$('#tabstrip')。由于您在第一次初始化时绑定了select事件，因此随后的初始化将覆盖它（不再处理 select 事件）。您甚至自己回答了这个问题，说明如果您将第二个初始化行注释掉，它就可以工作。

我不完全确定您要使用setTimeout()第二个示例中的函数来完成什么。这是不必要的。

使用e.preventDefault()按预期工作。JSFiddle：http: //jsfiddle.net/w9586/6/