Вкладки JQuery: как отобразить сообщение «Загрузка ...» при ожидании ответа на запрос HTTP AJAX?

Question

Я использую jQuery UI 1.8.12 и внедряю Контент через вкладки AJAX .Я хотел бы показать сообщение «Идет загрузка ...» в то время как содержимое загружается (тогда, конечно, отображается содержимое, полученное с помощью HTTP-запроса AJAX).

Как я могусделать это?

---

Возможно, я могу использовать опцию tabTemplate , но я не знаю, как этого добиться.

---

PS: я бы не хотел использовать решение, используемое в этом вопросе , но я бы хотел динамически (в DOM) добавить сообщение "Загрузка ..." через jQuery.

Answer 1

Вы можете использовать BlockUI .Тогда это всего лишь случай добавления этого в ваш скрипт:

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

Каждый раз, когда запускается AJAX-запрос, пользовательский интерфейс будет блокироваться сообщением о загрузке, а когда он останавливается, блок исчезает, иПользовательский интерфейс снова будет доступен.

Answer 2

Попробуйте:

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