网站满载后显示Ajax加载程序

Question

我希望在我的网站满载时显示ajax加载程序。我使用以下代码，但它不起作用。

<div style="display:none" id="divloader"><img src="loading.gif" /></div>

$(function() {
$(".changepass").click(function() {
    $("#divloader").show();
    $(".block1").load("index.php", function(){ $("#divloader").hide();    });
    return false;
  });
});

我修复了所有拼写错误/语法错误。但它尚未奏效。有没有人有工作榜样？

Answer 1

代码中的语法错误

此行$("#dvloader").show();使用$("#divloader").show();

<div style="display:none" id="divloader"><img src="loading.gif" /></div>

和

$(function() {
$(".changepass").click(function() {
    $("#divloader").show();
    $(".block1").load("views/index.php", function(){ $("#divloader").hide();    });
    return false;
  });
});