javascript - 在ajax加载时添加div

标签 javascript jquery html ajax

我输入了这段代码:

<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 加载图像...这里可能有什么问题?

最佳答案

从您发布的有限数量来看,您似乎并未真正发出 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...
});

关于javascript - 在ajax加载时添加div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23000111/

相关文章:

html - 没有文本的 CSS 下划线段落

javascript - 哪些因素可以改变HTML输入字节流?

javascript - 当每个div动态生成不同的id时,如何在id上应用点击功能

php - 使用 PHP 将类添加到输入

javascript - jQuery select2-offscreen 类与下拉列表?

javascript - 从 jQuery 中的不同按钮捕获 ID(事件处理程序)

html - 无法清除缓存以刷新网页

javascript - 如何调整 iframe 的大小以适应 iframe 内容的高度?

javascript - 使用 React 更新 contenteditable 容器中的内容

javascript - 如何在单个指令中包含多个 div?