数据处理正在进行时显示弹出窗口

Question

我创建了一个 html 文件Demo。该表可以包含超过 2000 行。单击每一行时，一些相关数据将显示在单独的窗格中。

    $('table tr').on('click', function () {
        $('#showContent').html($(this).find('.content').html());
    });

我想添加一个弹出窗口来显示处理消息，该消息将在单击任何行时显示，然后在单独的窗格中显示行相关数据。数据准备好显示后，应自动关闭弹出窗口。有什么想法！

Answer 1

你可以使用 jquery blockUI 插件：

$('table tr').on('click', function () {
        $('#showContent').html($(this).find('.content').html());

        $.ajax({
            url: url
            ...
            beforeSend: function(){$.blockUI();}
            complete: function(){$.unblockUI();}
        });
    });