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

Question

Kendo UI 有一个文本框:为每个可用主题定义的焦点样式:

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

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

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

Example

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");

})