jquery - 在调用元素的方法之前，如何检查 jQuery Tabs 是否已在元素上初始化？

Question

我正在使用 jQuery UI 选项卡，并且我尝试在运行选项卡之前调用 destroy 方法，但我不确定如何检查它是否已首先初始化。我想避免出现错误，表明我无法在初始化之前调用方法。

这是我的示例代码:

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

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

我需要首先销毁，因为这些选项卡是由用户动态生成的(用户可以添加更多选项卡)。用户添加选项卡后，我需要再次运行 tabs()，但我无法运行两次，因为它会导致问题。因此我需要先销毁所有内容并重新运行它。

Answer 1

您可以使用刷新(您不需要销毁并重新初始化选项卡)

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

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

Process any tabs that were added or removed directly in the DOM and recompute the height of the tab panels