大佬教程收集整理的这篇文章主要介绍了jQuery AJAX:如何附加“SAVED”消息并使其在一秒钟后消失,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有< 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;
}
以上是大佬教程为你收集整理的jQuery AJAX:如何附加“SAVED”消息并使其在一秒钟后消失全部内容,希望文章能够帮你解决jQuery AJAX:如何附加“SAVED”消息并使其在一秒钟后消失所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。