Jquery 如何在加载gridview时加载图像？

我做了一些研究，但我找不到问题的答案。当我从菜单项中单击选项卡时，我希望有一个正在加载的图像。下面的代码适用于特定事件，如单击等。我已经尝试了其他一些示例，但在加载gridview时没有。我想知道，当控件/实体开始执行加载时，jquery中是否有任何类型的事件我都没有找到？我的意思是装载、装载、准备就绪-所有这些都是指装载完成的时刻

这是我的密码。如有任何帮助/建议，我们将不胜感激：

<script type="text/javascript">
    $(document).ready(function () {
        $("#spinner").bind("ajaxSend", function () {
            $(this).show();
        }).bind("ajaxError", function () {
            $(this).hide();
        });
    });
</script>

---

在我的asp代码中，我删除了display:none属性，但它仍然不起作用，我也不知道我做错了什么。

我会将此代码添加到启动函数中：

$('body').ajaxStart(function() {
  $('#spinner').show();
});

$('body').ajaxComplete(function() {
  $('#spinner').hide();
});

这将在ajax调用开始时显示div，并在调用完成时隐藏它

要使微调器在最初加载页面时显示，请将此行添加到文档中。就绪：

$("#spinner").hide();

---

以显示器为例：无；从纺纱机部门下来。

谢谢您的帮助。是的，它的工作原理与我上一段代码类似，当我点击一个按钮时，微调器会出现，该按钮后面有一个动作，需要一些时间才能完成，等等。，但是当我点击一个菜单项，它会带我进入一个包含大量数据的gridview页面时，它不会出现。加载gridview大约需要3-4秒：您的gridview是如何加载的？您可以在这里或JSFIDLE中添加/显示该代码吗？我不确定我是否正确回答了这个问题：当加载包含gridview的页面时，会加载我的gridview。gridview通过简单地将列表的元素绑定到网格的列来填充。但我确实拥有大量数据，这就是我需要微调器的原因，以使我的应用程序更具用户响应性。默认情况下，您应该显示微调器，然后在文档准备就绪时隐藏它。您提出的解决方案非常有意义，谢谢，但是我不知道我做错了什么，我已经编辑了我最初的帖子。很抱歉问了这么多问题，我是jquery的新手。

    $(document).ready(function () {
    $("#spinner").css.apply('display','none');
    });

$('body').ajaxStart(function() {
  $('#spinner').show();
});

$('body').ajaxComplete(function() {
  $('#spinner').hide();
});

$("#spinner").hide();