jquery - 将选择器样式作为脉冲动画应用于元素

Question

Kendo UI 为每个可用主题定义了一个 textbox:focus 样式：

.k-textbox:focus {
    box-shadow: 0 0 7px 0 #357ebd;
} 

当字段在带外更新时，我想将此样式作为动画（淡入/淡出）应用于文本框，以及该字段是否具有当前焦点。

我猜当收到特定字段的更新时，我必须使用 javascript 和 jquery 来启动它。

例子

标签： jquerycsskendo-ui

Answer 1

是的，触发器必须通过 JavaScript 发生。正如 daGUY 所指出的，过渡会产生效果。

下面是一个使用 jQuery 的例子：

$(".your-textbox-selector").on( "change", function() {

    $(this).css("box-shadow", "0 0 7px 0 #357ebd").css("transition", "box-shadow 0.1s linear");

})