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

Question

我正在使用jQuery UI 1.8.12，我正在实现Content via AJAX个标签。我希望在加载内容的同时显示“正在加载...”消息（当然，显示使用AJAX HTTP请求检索的内容）。

我该怎么做？

---

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

---

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

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;
    },
});