jqueryタブ間で遅延を作る方法

Question

私のコードにはjqueryタブがあり、タブをクリックすると "Loading"というテキストが印刷されます。 しかし、タブがあまりにも速く変化しているので、私はテキストを見ることができませんでした。どのタブを切り替えると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 ...というメッセージよりもUIを速くレンダリングする準備ができていれば、それを聞かせてください。複雑なように見えなくても、より良いユーザーエクスペリエンスを実現します。

Answer 2

ローディングメッセージを見えなくするためにタブがすばやく変化している場合は、読み込みメッセージを削除することになりますが、スマートな欲望は役に立たないようです。

「読み込み中」メッセージを表示させる非常に特殊な理由がない限り、人為的な遅延を伴うユーザーエクスペリエンスを低下させるポイントは表示されません。