javascript - 如何在 Kendo UI 中创建类转换效果？

Question

我工作的公司正在考虑用 Kendo UI 替换 jQuery UI。
我个人没有看到任何好处，而且我还发现 Kendo UI 的文档严重缺乏。

例如，在 jQuery UI 中，有这些漂亮的类过渡效果：http: //jqueryui.com/docs/Effects/Methods#Class_Transitions

这些效果的 Kendo UI 等效项是什么？

Answer 1

kendo.fx.js 中有 kendoAddClass、kendoRemoveClass 和 kendoToggleClass，它们在可用时使用 CSS3 过渡，在不可用时回退到直接替换。它们还没有记录，因为动画是直接用 CSS 完成的，只能通过从元素中删除过渡来停止。

经过检查，似乎 jQuery 插件在 2012 年第二季度（内部版本 710）中损坏了。我已经修复了它们，修复将在下周随服务包一起发布。同时，您仍然可以使用曾经为它们提供动力的 kendo.toggleClass() 方法。它的用法是这样的：

kendo.toggleClass(element, classes, options, toggle);

element: jQuery object
classes: one or more classes to apply (separated by a space)
options: {
    exclusive: "all",
    duration: 400,
    easing: "ease-out"
} - options is optional, can be omitted, the values up there are default and fed to the transition CSS property, duration is in ms.
toggle: add/remove the class.

从下周的服务包开始，您可以像这样直接使用它：

$("#test").kendoAddClass(classes, options);

哦，忘了加个jsBin的demo