如何在弹出窗口打开时显示等待光标和消息

Question

我在打开弹出窗口时执行了一些功能。 这需要2-3秒，所以我想添加一些消息加载并将光标更改为等待/进度，直到弹出窗口打开。

如何在jquery / js中实现这一点？

被修改

$('#open_fancy_popup').click(function(){
     $("body").css("cursor","wait");
     updateDropDown();
     updateRows();
     populate();
     enableCheckbox();  
    $("body").css("cursor","initial");                  
});

我试过了：

<div id="WaitDialog"   class="hidden" style="text-align: center">
        <img  src="css/images/loading_black.gif" />
        <div style="margin-top: 10px; color: white">
            <b>Please wait</b>
        </div>
    </div>

并在所有功能之前添加$("#WaitDialog").modalDialog();但它没有用？ 这个问题有什么简单的解决方案吗？

Answer 1

你可以简单地用jquery css函数添加一个游标：指向身体选择器的指针，然后在你的函数完成时将它取出。

喜欢：

$("body").css("cursor", "wait");