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/