в любом случае, чтобы очистить содержимое перед загрузкой вкладки ajax в jquery ui

Question

jquery ui tabs поддерживает загрузку контента через ajax здесь , но если я уже загрузил предыдущее содержимое и щелкаю по нему снова, оно остается на старом содержимом до полной загрузки нового содержимого

есть в любом случае, чтобы очистить содержимое прямо при нажатии на вкладку, чтобы было ясно, что загружается новый набор содержимого.Я вижу, что есть событие загрузки, но оно срабатывает после загрузки нового контента.мне нужно событие предварительной загрузки или что-то в этом роде

есть предложения?

Answer 1

Вы можете использовать событие select , проверить, является ли это вкладкой AJAX, и, если это так, вставьте «Загрузка ...» или любое другое сообщение на панели, которую вы только что выбрали, например, так::

$("#tabs").tabs({
   select: function(event, ui) {
       if($.data(ui.tab, 'load.tabs')) {
           $(ui.panel).html("Loading...");
       }
   }
});

Вы можете посмотреть демонстрацию, демонстрирующую его в действии здесь .