jquery - mvcのjqueryタブajaxプリロード

Question

MVC に jquery タブを実装しました。それはうまくいっています。今、私はそれにいくつかのカスタマイズをしたいです。

私が使用したコード

var total = $tabs.find('.ui-tabs-nav li').length;
var currentLoadingTab = 0;        

$tabs.bind('tabsload',function(){
    currentLoadingTab++;
    if (currentLoadingTab < total)
        $tabs.tabs('load',currentLoadingTab);
    else
        $tabs.unbind('tabsload');
}).tabs('load',currentLoadingTab);

ただし、これにより、一度にすべてのタブのコンテンツが読み込まれます。3 つのタブがあるとします。最初のタブのコンテンツを読み込んで表示した後、他のタブのコンテンツはバックグラウンドまたはある種の ajax で読み込まれます。そのため、ユーザーは他のタブのコンテンツを読み込んでいる間、最初のタブで通常の作業を行うことができます。読み込み中は、現在読み込まれているタブに「読み込み中...」というメッセージが表示されます。