javascript - 使用 jquery 显示进程(或等待)光标不工作

Question

$(document).ready(function(){
    //other stuff
    $(".active_item").click(function() {
        $("body").css("cursor", "progress"); //tried wait instead of progress as well
        window.setTimeout(someLength,4000);//just to make sure we do switch back at some point
        $('#list tbody tr').each(function(i) {
            $(this).removeClass('invisible_row');
        });
        $("#list tbody tr").show();
        $('.catnav').each(function(i) {
            $(this).removeClass('current_category');
        });
        $("body").css("cursor", "default");
    });
});

我检查了其他问题，例如 Changing cursor to waiting in javascript/jquery

但在我的代码中它不起作用(如果我选择那个，光标不会更改为“progress”或“wait”)。

Answer 1

您可以尝试将 show() 函数用作计时器，这样您的光标将至少停留一秒钟。

$("#list tbody tr").show(1000 // Enter the time you want here , function(){$("body").css("cursor", "default");});

这样您的光标将在函数 show() 完成后返回默认值，这需要 1 秒(在我的示例中)。

可以查看.show() documentation获取更多信息。