jqueryajax:如何附加一个";“保存”;并使其在一秒钟后消失
对于jQuery专家来说,这可能非常简单 我有布拉布拉 我希望保存的消息出现和消失。但我不想让形式或其元素消失 我有一个AJAX调用,如下所示jqueryajax:如何附加一个";“保存”;并使其在一秒钟后消失,jquery,append,fadeout,Jquery,Append,Fadeout,对于jQuery专家来说,这可能非常简单 我有布拉布拉 我希望保存的消息出现和消失。但我不想让形式或其元素消失 我有一个AJAX调用,如下所示 function saveCaption(id) { var queryString = $('#form'+id).formSerialize(); $.ajax({ type: "POST", url: "includes/ajax.php?request=saveCaption", data: querySt
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;
}
我在想。。我可以附加响应。但是有没有一种方法可以在一秒钟后立即将其淡出。现在,它只是不断重复并添加到最后一个附加中。我想它出现和消失后使用淡出权
更新:我是根据伊夫和雷尔的反应做的。它起作用了。。但它优雅吗? 函数saveCaption(id){
var queryString=$('#form'+id).formSerialize();
$.ajax({
类型:“POST”,
url:“includes/ajax.php?request=saveCaption”,
数据:查询字符串,
成功:功能(响应){
$('#form'+id).append(''+response+'');
setTimeout(函数(){
$(“#消息”).fadeOut(函数(){
$(this.remove();
});
}, 1000);
}
});
返回false;
}附加邮件后,添加以下内容(在成功回调中):
将选择器替换为与您的消息实际匹配的内容。我认为您可能希望结合上面RaYell的回答,但在淡出回调中使用remove,否则它将继续追加到上一个追加中。至少,我认为它会根据您对问题的措辞进行追加。类似这样的方法可能会奏效:
setTimeout(function () {
$('selector').fadeOut(function(){
$(this).remove();
});
}, 1000);
我不太明白。。我的回答是“保存”。六羟甲基三聚氰胺六甲醚。。介意在我的代码中编写代码以便我理解吗?@Scott,我想你最好花点时间试着理解你到底需要做什么,因为@RaYell给了你一个很好的指导,告诉你该如何做。所以这不是人们为你写代码的正确地方。我是根据他们和雷尔的反应写的。但它优雅吗?函数saveCaption(id){var queryString=$('#form'+id).formSerialize();$.ajax({type:“POST”,url:“includes/ajax.php?request=saveCaption”,数据:queryString,success:function(response){$('#form'+id).append('+response+'');setTimeout(function(){$('#message').fadeOut(function(){$)(这个).remove();});},1000);}});return false;}我肯定无法回答这是否是最优雅的方法,因为可能还有其他方法可以做到这一点。不过,很高兴它能起作用!:)干杯
setTimeout(function () {
$('selector').fadeOut();
}, 1000);
setTimeout(function () {
$('selector').fadeOut(function(){
$(this).remove();
});
}, 1000);