JQuery 选项卡：如何在等待 AJAX HTTP 请求响应时显示“正在加载...”消息？

Question

我正在使用 jQuery UI 1.8.12 并且正在实现 Content via AJAX 选项卡。我想在加载内容的同时显示“正在加载...”消息（然后，当然会显示通过 AJAX HTTP 请求检索到的内容）。

我该怎么做？

---

也许我可以使用tabTemplate 选项，但我不知道该怎么做。

---

P.S.：我不想使用this question 中使用的解决方案，但我想通过 jQuery 动态（在 DOM 中）添加“正在加载...”消息。

Answer 1

您可以使用BlockUI。然后只需将其添加到您的脚本中即可：

$(document).ajaxStart($.blockUI).ajaxStop($.unblockUI);

每次 AJAX 请求启动时，UI 都会被加载消息阻塞，当停止时，阻塞会淡出，UI 将再次可用。

Answer 2

试试：

$('#example').tabs({
    select: function(event, ui) {
        if ($(ui.panel).text() == '')
            $(ui.panel).html('Loading...');
        return true;
    },
});