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");
    });
});

我检查了其他问题，例如将光标更改为在 javascript/jquery 中等待

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

Answer 1

您可以尝试将 show() 函数用作计时器，这样您的光标将保持“进度”至少一秒钟。

$("#list tbody tr").show(1000 // 在这里输入你想要的时间 , function(){$("body").css("cursor", "default");});

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

您可以查看.show() 文档以获取更多信息。