jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery AJAX:如何附加“SAVED”消息并使其在一秒钟后消失大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
对于jQuery专家来说,这可能非常简单.

我有< div id =“form23”>< form>< textarea> blahblah< / textarea>< input type =“button”value =“save”onClick =“saveCaption(23)”>< /形式>< / DIV> 我希望SAVED消息出现并消失.但我不想让表格或其元素消失. 我有一个AJAX调用,如下所示.

function saveCaption(id) {

var queryString = $('#form'+id).formserialize(); 

  $.ajax({

    type: "POST",url: "includes/ajax.PHP?request=saveCaption",data: queryString,success: function(responsE) {

      $('#form'+id).append(responsE)

    }

  });

  return false;

}

我想知道..我可以附上回复.但有一方法可以在一秒钟之后立即淡出它.现在,它只是不断重复并添加到最后一个追加.我希望它在使用fadeOut后立即显示和消失.

更新:我是基于theIV和RaYell的回应做到的.它有效..但它优雅吗?

function saveCaption(id){

var queryString = $('#form'+id).formserialize(); 

  $.ajax({

    type: "POST",success: function(responsE) {

        $('#form'+id).append('<div id="message">'+response+'</div>');

        setTimeout(function () {

          $('#message').fadeOut(function(){

            $(this).remove();

          });

        },1000);

    }

  });

  return false;

}

解决方法

我想你会想要结合RaYell上面的回答但是在fadeOut回调中使用remove,否则它会继续附加到之前的追加 – 至少,我认为它会根据你的措辞做到这一点你的问题.像这样的东西可以工作:

setTimeout(function () {
  $('SELEctor').fadeOut(function(){
    $(this).remove();
  });
},1000);

大佬总结

以上是大佬教程为你收集整理的jQuery AJAX:如何附加“SAVED”消息并使其在一秒钟后消失全部内容,希望文章能够帮你解决jQuery AJAX:如何附加“SAVED”消息并使其在一秒钟后消失所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。