ejemplos - verifica si las pestañas de jQuery UI se han inicializado(sin verificar la clase)

tooltip jquery ejemplos

Question

Uso de las pestañas de jQuery UI, y he escrito un complemento que se integra con las pestañas de ui. Tengo la configuración del complemento para iniciar las pestañas de la interfaz de usuario jQuery si no se ha llamado a .tabs() , pero esto solo hace una simple comprobación de clase:

 if(!$globalTabs.hasClass("ui-tabs")){
    $globalTabs.tabs();
 }

Pero esto es problemático, porque a menudo para evitar FOUC, los desarrolladores agregan las clases de UI a las pestañas para obtener un mejor procesamiento inicial antes de document.ready.

Podría buscar una clase diferente, como `ui-widget1, pero me pregunto si hay otra / mejor manera.

Answer 1

Puede consultar el widget adjunto con data() :

if (!$globalTabs.data("tabs")) {
    $globalTabs.tabs();
}

Este comportamiento se documenta en la página de fábrica de widgets de la Wiki de desarrollo y planificación de jQuery UI:

• Instancia de complemento accesible a través de $( "#something" ).data( "pluginname" )

  • Una referencia a un objeto jQuery que contiene el elemento DOM está disponible como una propiedad de la instancia como this.element , por lo que es fácil ir y venir entre el objeto y el elemento.

Actualización: a partir de jQuery UI 1.9, la clave del widget se convierte en el nombre completo del widget, con puntos reemplazados por guiones , como en:

if (!$globalTabs.data("ui-tabs")) {
    $globalTabs.tabs();
}

El uso de nombres no calificados todavía se admite en 1.9, pero está en desuso y el soporte se eliminará en 1.10.

Answer 2

de alguna manera causa algún error cuando intento verificar la instancia.

Necesito reinicializar las pestañas y para mí, una captura de prueba hizo el truco:

try {
    $(''.mytabs'').tabs(''destroy'');
} catch (exception) {}

y después de eso, simplemente vuelva a inicializar:

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