动画边框颜色

Question

我有以下ajax调用：

$('.provider_title_id').on('change', function(event) {
    var inp = $(this);
    var pk = $(this).data('pk');
    var id = $(this).val();
    $.post('/pid_item_update/', {'id': id, 'pk': pk}, function (response) {
        inp.css('border-color', 'green');
    });
});

这将使文本输入的边框变为绿色。但是，我希望它仅显示绿色的“闪光”并设置动画以恢复其先前的边框颜色。像这样：

inp.css('border-color', 'green').fadeOut(1000);

以上内容将淡出整个输入，但是如何淡出边框颜色呢？

Answer 1

您可以将其与动画链接在一起，回到先前的颜色。例如：

inp.css('border-color', 'green').animate({"border-color":"previous-color"}, 1000);