我想在点击事件发生后将光标更改为等待,然后返回默认值

I want to change the cursor to wait then back to default after the click event happens

本文关键字:等待 默认值 返回 然后 光标 事件      更新时间:2023-09-26

我有一个锚标记,当点击它时,它会激活一个函数来引入一些数据库。但是,当数据库加载时,我想显示等待光标,然后在数据库加载时返回到默认光标。

我有这个代码:

$(document).ready(function () {
    $('a').click(function() {
        $('*').css("cursor", "progress");
    });
});

但它所做的是在"a"标记被lcicked

时始终替换光标

函数完成后,您可以重置光标。

$(document).ready(function () {
    $('a').click(function() {
        $('*').css("cursor", "progress");
        $.get('your api call', function(response){
            // do something with response
            $('*').css("cursor", "auto");
        });
    });
});

但是,您不应该将CSS光标应用于所有元素,而应该只在顶级<html>元素上进行。它应该快得多。

$('html').css("cursor", "progress");