プラグインの実行をコールバックから遅延させるにはどうすればよいですか？

Question

私は、タブの切り替えを管理するための軽量のjqueryプラグインを作成しました。これは開発とテストでうまく機能しています。私は開けたときに高さを広げて閉じたときに高さを収めるという奇妙な条件をタブの1つに持たせました。変更はアニメーションでなければならず、タブの切り替えが完了したときに起動するコールバックを使用して簡単に開始できます。

閉じるアニメーションを動作させることはできませんが、これはアニメーションが完了する前にプラグインが引き続きタブを隠しているためです。

コールバック関数が完了するまでプラグインを強制的に一時停止することはできますか？

私はコールバックを発射するために使用しているコードは、私が実際にタブがある

Answer 1

あなたはプラグインした場合は、知っているプラ​​グインで管理するアニメーションの道を行きたくない

if($.isFunction(params.click)){ 
    params.click.apply(this,[content,tab,set]); 
}; 

です現在は「開いている」と表示され、別のタブを閉じると同時に新しいタブが開くようになります。

したがって、クライアントコードで提供されるコールバック関数を呼び出す権限がある場合は、新しいタブを開くために、以前に開いたタブで「閉じる」コールバックを呼び出す必要がありますか？

Answer 2

ユーザーがタブを変更するたびに、新しいタブに対してtabOpeningイベントが発生し、古いタブに対してtabClosingイベントが呼び出されるように、タブの開閉の両方に対してコールバックを作成します。

プラグインを簡単に使用できるようにするには、最初にドキュメントが特定されている必要があります。

単に

var $closingTab = null, 
    $openingTab = null; 

$('#target').yourPlugin({ 
    tabClosing: function(tab) { 
     $closingTab = $(tab); 
    }, 
    tabOpening: function(tab) { 
     $openingTab = $(tab); 
     // Animate the 
     $closingTab.animate({}, 1000, function() { 
      $openingTab.animate({}, 1000); 
     }); 
    } 
}); 

以上、あまり原始あなたが全体のイベントをecapsulateできtabChangeコールバックを持つことができます：tabClosingは次のようにあなたがして、クライアントのコードを書くことができ最初の発砲であろうと仮定すると、

$('#target').yourPlugin({ 
    tabChange: function(oldTab, newTab) { 
     $(oldTab).animate({}, 1000, function() { 
      $(newTab).animate({}, 1000); 
     }); 
    } 
});