Jquery 如何在调用ajax时创建加载光标图标

每当调用ajax请求时，我都会尝试使用一个加载游标。但是，光标所在的任何其他元素将停止显示加载图标的光标。添加！重要的事情似乎也没什么区别。如何使光标加载到悬停的每个元素上

// cursor loading function
function start_request() {
$('body').css("cursor", "progress");
}

function end_request() {
$('body').css("cursor", "auto");
}


$('.new_filter_button').click(function(){ // when a feature button is selected
var serialize = $('#new_header_filters').serialize(); // takes all the values of the filter
$.ajax({
    beforeSend: start_request(),
    type : 'POST',
    url  : 'http://localhost/carprice/ajax/new-filters.php', 
    data : serialize,
    dataType : 'json',
    success : function(data) {
        $("#new_results_toolbar").html(data.toolbar);
        $("#new_results").html(data.models);
        retain_css();
        end_request();
    }
}); 
});

---

为了回答您的问题，我建议您设置样式，使用！重要信息，然后使用这些样式，而不是添加css内联。我没有测试过这个，但相信它会起作用

<style>
  .inProgress {
    cursor:progress!important;
  }
</style>

---

然而，我建议另一种选择，那就是使用一个css插件，它将为您显示一个进度指示器，并通过在所有内容之上放置一个div来阻止用户交互。然后，您可以包含一个非常好的进度指示器。

您不仅需要在body标记上添加和删除“inProgress”类，还需要在每个预定义了光标的标记上添加和删除。在我的网站上，我为整个网站的标签和按钮设置了指针光标。因此，我还在所有这些元素上添加和删除inProgress类。如果其中任何一个图像具有css样式，声明当您将光标悬停在其上时所显示的内容，则可能还需要对其执行此操作

不，这就是我要说的，即使！重要的是不要停止它。如果我在它上面放一个覆盖层，并将其作为将要加载的元素，z-index:1000。该怎么办！重要的是，我们将确保这适用于一切。如果没有，您需要使用firebug检查元素，以查看什么可能会阻止您的光标应用。是的，请使用标准做法的覆盖。这里有一个建议BlockUI：覆盖是否意味着我不能点击它背后的任何元素？

function start_request() {
    $('body').addClass('inProgress');
}

function end_request() {
    $('body').removeClass('inProgress');
}