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

Question

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

我该怎么做？

---

也许我可以使用 tabTemplate 选项，但我不知道如何实现这一点。

---

PS：我不想使用 this 中使用的解决方案问题 但我想通过 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;
    },
});