Javascript 如何在AJAX调用后制作弹出框动画？

通常，当用户单击“保存”按钮时，会弹出一个小绿框或某种动画，上面写着“保存成功”。在我的AJAX的

成功

中，我怎么能做这样的事情呢

我使用

.each（）

循环和wordpress处理多个内容，您可以忽略它。
另外，我想知道我是否可以在中的按钮内制作动画。我已经尝试了

.html（）

，但它不起作用，必须是

.val（）

jQuery：

jQuery.each( elements, function(text_name, text_number){
    $('#' + text_name + '_save_button').on('click', function(){
        var cure_textarea = $('#' + text_name + '_t').val();
        var data = { 
            action        : 'cure_way_textarea',
            text_number   : text_number,
            cure_textarea : cure_textarea,
            userVoteNonce : UserAjaxVote.userVoteNonce,
        };
        $.ajax({
            url        : UserAjaxVote.ajaxurl,
            type       : 'POST',
            cache      : false,
            data       : data,
            beforeSend : function() {
                $('#' + text_name + '_save_button').val('saving...');
            },
            success    : function(data){
                $('#' + text_name + '_save_button').val('Save');
            }
        });//ajax

HTML:

---

您可以使用引导模式

并在success函数中调用modal：

success: function(data){
   $('#saveModal .modal-title').text('Saved!');
   $('#saveModal .modal-body p').text('Save ok.');
   $('#saveModal').modal('show');
}

---

我的英语不好，所以我希望你能理解并忽略我的文字错误。

像这样弹出窗口并不难。我首先要做的是以html格式创建弹出窗口，如下所示：

<div class="success-popup">Success!</div>

然后在AJAX调用中的success函数中，我只显示弹出窗口。然后我设置了一个计时器，在几秒钟后，它会再次隐藏它

//this is in the 'success' function for an ajax post
$('.success-popup').show();
  setTimeout(function(){
  $('.success-popup').hide();
},3000)

---

<>这将有效地显示一个绿色的弹出文本“成功”的权利在你的屏幕上，并删除它在3秒后。当然你可以改变位置和时间。我一直都在使用这段代码。

有很多通知/警报插件可供您使用感谢您的时间，实际上我对引导模式不是很熟悉，这是一个插件还是一个框架？

.success-popup{
  position:absolute;
  left:50%;
  margin-left:-150px;
  width:300px;
  height:200px;
  background:green;
  color:white;
  z-index:100;
  display:none;
}

//this is in the 'success' function for an ajax post
$('.success-popup').show();
  setTimeout(function(){
  $('.success-popup').hide();
},3000)