jquery - メソッドを呼び出す前に、要素でjQueryタブが初期化されているかどうかを確認するにはどうすればよいですか?

Question

jQuery UI タブを使用しており、タブを実行する前にメソッドを呼び出そうとしdestroyていますが、最初に初期化されているかどうかを確認する方法がわかりません。初期化する前にメソッドを呼び出せないというエラーを回避したい。

ここに私のサンプルコードがあります:

// destroy first
$( '.tabs' ).tabs( 'destroy' ); // throws error if not initialized first

$( '.tabs' ).tabs();

これらのタブはユーザーによって動的に生成されるため、最初に行う必要がありdestroyます (ユーザーはさらにタブを追加できます)。ユーザーがタブを追加したら、tabs()もう一度実行する必要がありますが、問題が発生するため、2 回実行することはできません。したがって、最初にすべてを破棄して再実行する必要があります。

Answer 1

使用できますrefresh（タブを破棄して再初期化する必要はありません）

$( ".tabs" ).tabs( "refresh" );

• http://api.jqueryui.com/tabs/#method-refresh

DOM で直接追加または削除されたタブを処理し、タブ パネルの高さを再計算します。