jQuery淡入图像没有响应

时间:2013-07-20 18:17:03

标签: jquery ajax

我正在使用query / ajax来验证登录。按下登录提交时,将调用该函数。

对于验证所花费的第二个或第二个,我想要显示一个gif,但我的代码不起作用。图像的路径是正确的,我试过绝对只是为了排除。我也尝试删除fadeIn并在.html()中添加随机文本但仍然没有。

我错过了什么?我不能再皱眉了! :)

大量的功能。 值得注意的是,显示'检查...'。 (这会覆盖图像吗?)

var params = {username: username, password: password};
var url = "../loginProcessAjax.php";

$("#statusLogin").show();
$("#statusLogin").fadeIn(400).html('<img src="../images/loading.gif" />');

$.ajax({
    type: 'POST',
    url: url,
    data: params,
    dataType: 'json',
    beforeSend: function() {
        document.getElementById("statusLogin").innerHTML= 'checking...' ;
    },

    success: function(data) {

编辑:事实证明,评论“检查...”行可以显示图像。请问这个可以解释一下,我怎么能让它们一起显示?

1 个答案:

答案 0 :(得分:1)

Nailed it :))

beforeSend: function() {
          document.getElementById("statusLogin").innerHTML= '<img src="../images/loading.gif" /> checking...' ;
        },