Jquery 在webservice运行时显示加载

在对页面的初始请求中，我触发了一个Web服务，并希望显示一条加载消息。 当页面完成加载后，我想从屏幕上删除等待消息，但当复选框中的更改事件触发带有另一条加载消息的Ajax调用时，再次显示该消息

此代码不符合给定的规范：

$(document).ready( $(function() { $('#loadingDiv').hide(); $('#productsDropDown') .change(function() { var prodValue = $(this).val(); $('#proddate').load('getpdate.php', {prod: prodValue }); }); $('#loadingDiv') .ajaxStart(function() { $(this).show(); }) .ajaxStop(function() { $(this).hide(); }) ; }); ); $（文件）。准备好了吗( $（函数（）{ $（'#loadingDiv'）.hide（）； $（“#产品下载”） .change（函数（）{ var prodValue=$（this.val（）； $（'proddate'）.load（'getpdate.php'，{prod:prodValue}）； }); $（“#加载div”） .ajaxStart（函数（）{ $（this.show（）； }) .ajaxStop（函数（）{ $（this.hide（）； }) ; }); );

---

我做错了什么？

您需要重新排列代码，如下所示：

$(function() {
  $('#loadingDiv').hide();
  $('#productsDropDown').change(function() {
    var prodValue = $(this).val();
    $('#proddate').load('getpdate.php', {prod: prodValue });
  }); 

  $('#loadingDiv').ajaxStart(function() {
    $(this).show();
  }).ajaxStop(function() {
    $(this).hide();
  });
});

目前您有：

$(document).ready(
    $(function() {
    });
);

---

document.ready

接受一个函数，您将向它传递一个jquery元素

$（function（）{}）

相当于将其包装在

$（文档）中。就绪（function（）{}）

已经（），无需包装两次。

谢谢。这就是解释。。。经过反复试验，我得到了同样的结果

$(document).ready(function() {
    var loader = $('#loadingDiv');
    loader.hide();


    $('#productsDropDown').change(function() {
        var prodValue = $(this).val();
        loader.show();
        $('#proddate').load('getpdate.php', {prod: prodValue }, function() {
            loader.hide();
        });
    });
);