在ajaxStart上更改鼠标光标

时间:2012-09-26 14:31:31

标签: css jquery

我有以下脚本可以很好地工作:

$("#spanLoading").ajaxStart(function () {
    $('#spanLoading').empty().append("<img src='/img/loading.gif' />");
});

$("#spanLoading").ajaxComplete(function () {
    $('#spanLoading').empty();
});

是否可以稍微改变这些,所以不是在ajaxStart上加载图像,而是将鼠标光标改为css游标wait,然后在ajaxComplete时更改回正常状态。 }。

2 个答案:

答案 0 :(得分:3)

是的,您可以通过更改cursor元素的body属性来执行此操作:

$("#spanLoading").ajaxStart(function () {
    $('body').css('cursor', 'wait');
});

$("#spanLoading").ajaxComplete(function () {
    $('body').css('cursor', 'auto');
});

答案 1 :(得分:0)

是:

$('html').css('cursor', 'wait');

ajaxComplete上,您将其更改回来。