Как сделать задержку между вкладками jquery

Question

В моем коде у меня есть вкладка jquery, и при нажатии вкладки я печатаю текст «Загрузка». Однако, поскольку вкладки меняются слишком быстро, я не мог видеть текст. Как я могу сделать задержку в 1 или 2 секунды при переключении на табло? Благодарю.

My codes are below. 

<div class="loading"><p>Loading...</p></div> 

$(function() { 
    $(".nav-content").tabs(
     { 
     // CSS classes      
     selectedClass: 'current', 
     spinner: '', 
     select: function(ui) { 

      $(".loading").show();     

     }, 
     show: function(ui) { 

      $(".loading").hide(); 

     } 
    } 
); 

});

Answer 1

Вы можете отложить его с помощью .delay(), но это кажется несколько обратным. Я знаю, что в наши дни все должно быть AJAX, но действительно ли нам нужно время искусственной загрузки? Я думаю, если ваш сайт будет готов отображать пользовательский интерфейс быстрее, чем сообщение Loading ..., то пусть это будет. Делает для лучшего удобства пользователя, даже если это не кажется сложным

Answer 2

Если вкладки меняются достаточно быстро, чтобы сделать ваше загрузочное сообщение невидимым, я бы сказал, что более разумное решение будет удалять загружаемое сообщение, поскольку кажется бесполезным.

Если у вас нет особой причины, чтобы сообщение «загрузка» было видимым, не видите смысла ухудшать работу пользователя с искусственной задержкой.