想知道 jQuery UI 的“突出显示”效果是否可以用于表单文本输入。我想用动画背景颜色来指示字段已成功更新(单个字段，由 Ajax 成功事件触发的动画)。
最佳答案
您可以使用 Jquery 动画功能。首先使用动画将文本框的背景颜色更改为绿色，以通知用户某些内容已成功保存，然后您可以再次将其淡化为原始颜色。您可以在 ajax 成功函数中编写此代码。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>highlight demo</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<style>
#toggle {
background: #fff;
}
</style>
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<p>Click anywhere to toggle the box.</p>
<input id="input-animate">
<script>
$( document ).click(function() {
$( "#input-animate" ).animate({
backgroundColor: "#009900",
easing: "easein"
}, 1500 , function(){
$( "#input-animate" ).animate({
backgroundColor: "#fff",
}, 500)
})
});
</script>
</body>
</html>关于javascript - jQuery UI 的高亮效果可以应用于表单文本输入吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50238783/