Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ajax成功函数显示消息_Jquery_Html_Ajax - Fatal编程技术网

Jquery ajax成功函数显示消息

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

在jqueryajax请求的success函数中,我正在使用一条消息创建div。。。但它似乎没有出现

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中,并使用css
display: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);