javascript - 数据处理时显示弹出窗口

Question

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

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

我想添加一个弹出窗口来显示处理消息，在单独的 Pane 中显示行相关数据之前，单击任何行都会显示该消息。一旦数据准备好显示，弹出窗口应该自动关闭。任何想法!

Answer 1

你可以使用jquery blockUI插件:

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

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