Necesito saber si se ha aplicado un widget de jQuery UI a un objeto DOM

Question

Estoy usando jQuery y tengo algunas interacciones con una interfaz de usuario de jQuery donde necesito obtener opciones. Sin embargo, existe la posibilidad de que la función jQuery UI aún no se haya aplicado al objeto DOM. Me aparece un error de JavaScript ahora cuando accedo a una opción.

Tengo un objeto DOM que tiene la barra de progreso (http://docs.jquery.com/UI/Progressbar) adjunta (tal vez). En otro hilo, estoy tratando de acceder a las opciones usando domObj.progressbar("option", "value").

¿Cómo puedo saber si ese domObj tiene un progressbar conectado?

Answer 1

El objeto DOM recibirá una clase CSS adicional añadida: "ui-progressbar". Si ve el código fuente en http://docs.jquery.com/UI/Progressbar, entonces puede ver un div con id = barra de progreso y nada más, pero si usa Firebug y hace clic en el elemento, puede ver que tiene algunos más agregados.

Editado: Creo que la solución de @ jamiebarrow es la más correcta aquí.

Answer 2

Puede acceder al objeto barra de progreso en el elemento haciendo:

$("#myid").data("progressbar") 

Así que para utilizar este:

var progressBar = $("#myid").data("progressbar"); 
if (progressBar == null) { 
    // handle case when no progressbar is setup for my selector 
} else { 
    alert("The value is: " + progressBar.value()); 
} 

Answer 3

Yo prefiero usar hasOwnProperty en cualquier objeto en JavaScript, ya que devuelve un booleano cada vez.

var hasWidget = $("selector-here").data().hasOwnProperty("widget-name-here"); 
if (hasWidget) 
{ 
    // Put your awesome code here. 
} 

Que en mi humilde opinión es un poco mejor que comprobar nulo; ¿Qué pasa si cambia a indefinido, que, también IMO es lo que debería devolver.

Answer 4

Según this discussion, la forma recomendada para detectar si un widget se ha vuelto en un elemento es el siguiente:

var hasWidget = $('selector').is(':ui-widgetname'); 

Answer 5

Como de jQuery UI 1.11, los widgets se pueden ensayar directamente para a través del método instance:

var hasProgressbar = ($(element).progressbar("instance") !== undefined); 

Documentación: http://api.jqueryui.com/jQuery.widget/#method-instance