Question

我把这段代码：

<script type='text/javascript' src='http://code.jquery.com/jquery-2.1.0.min.js'></script>
<script type="text/javascript">
 $(document).ajaxStart(function() {
  $("#loading-image").show();
});

$(document).ajaxStop(function() {
  $("#loading-image").hide();
});

位于页面顶部...

我有HTML：

<body style="">
<div id="loading-image" style="width:100%; height:100%; background:#ccc; display:none;"></div>

但是我没有在ajax上看到ID加载图片......这里有什么问题？

Answer 1

根据您发布的有限金额，您似乎并未实际发出AJAX请求。 http://jsfiddle.net/volte/A66C8/

尝试在页面加载时进行ajax调用：

$.ajax({
  url: "test.html",
  context: document.body
});

免责声明：我没有测试过这个。从http://api.jquery.com/jQuery.ajax/

拉出来

此外，请确保将这些方法包装在onload中。大多数人这样做：

(function() {
  //... your code here ...
  //... will be run on load...
});

Answer 2

代码似乎没有任何错误，确保每当你使用ajax时都会调用这些方法，在元素检查器中放置一个断点。还要检查当您从＆＃34; loading-image＆＃34;手动删除display：none时。 div你可以在屏幕上看到它，只是为了确定。

在ajax加载时添加div

2 个答案: