Jquery ajax成功函数显示消息
在jqueryajax请求的success函数中,我正在使用一条消息创建div。。。但它似乎没有出现Jquery ajax成功函数显示消息,jquery,html,ajax,Jquery,Html,Ajax,在jqueryajax请求的success函数中,我正在使用一条消息创建div。。。但它似乎没有出现 success: function(data) { $(function() { $('<div id="alert">Successfully Updated</div>'); var $alert = $('#alert'); if ($alert.length) { var aler
success: function(data) {
$(function() {
$('<div id="alert">Successfully Updated</div>');
var $alert = $('#alert');
if ($alert.length) {
var alerttimer = window.setTimeout(function() {
$alert.trigger('click');
}, 3000);
$alert.animate({ height: $alert.css('line-height') || '50px' }, 200).click(function() {
window.clearTimeout(alerttimer);
$alert.animate({ height: '0' }, 200);
});
}
});
必须将新创建的元素插入DOM。然后只有它会出现。您可以将元素附加到主体或容器元素 另外,代码的某些部分令人困惑,超时函数和触发div的click事件
另外,
.length
将返回一个数字,而不是布尔值。而且,在success函数中也不需要准备文档的事件处理程序。您可以将div放在DOM中,并使用cssdisplay:hidded
,然后在成功响应时,您可以更改display:block
,这样div将包含在DOM中,您只需切换一下即可。您需要将新创建的元素
附加到DOM树
jQuery
(更好的说法是Sizzle
)不能以其他方式查询它。按如下方式扩展代码:
$('<div id="alert">Successfully Updated</div>').appendTo(document.body);
$('Successfully Updated').appendTo(document.body);
另外,您应该使用
类
而不是id
。如果有多个警报怎么办?您将使用相同的ID创建多个div,这是一个大的nono关于var alert=$(“成功更新”)的情况如何;并通过append-$(“body”)将其附加到dom;回调是否出于某种原因包含“on DOM ready”调用?在success函数中,我创建了一个div,并显示类似twitter的消息。。
$('<div id="alert">Successfully Updated</div>').appendTo(document.body);