在我的网站上,我有一些CSS类,当你鼠标悬停在它们上面时会设置固定类型的光标.当我在页面的任何地方进行AJAX调用时,我想将光标设置为等待图像,然后在AJAX调用完成后将其恢复为应该处理的任何光标.
我试过了:
$(document).ajaxStart(function () {
document.body.style.cursor = 'wait';
});
$(document).ajaxStop(function () {
document.body.style.cursor = 'auto';
});
Run Code Online (Sandbox Code Playgroud)
当我的鼠标位于一个带有改变光标的CSS类的DOM对象上时,这不起作用,我对如何使它这样做感到困惑.
目前我有一节课:
.pills a:hover
{
background-color: #0069D6;
color: #FFFFFF;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
text-decoration:none;
cursor:pointer;
}
Run Code Online (Sandbox Code Playgroud)
如果将鼠标悬停在此类中的对象上,并且启动了Ajax调用,则光标仍将保留为指针.