È necessario sapere se un oggetto dell'interfaccia utente jQuery è stato applicato a un oggetto DOM

Question

Sto utilizzando jQuery e ho alcune interazioni con un'interfaccia utente jQuery in cui ho bisogno di ottenere le opzioni. Tuttavia esiste la possibilità che la funzione dell'interfaccia utente jQuery non sia stata ancora applicata all'oggetto DOM. Ricevo un errore JavaScript adesso quando accedo a un'opzione.

Ho un oggetto DOM a cui è collegata la barra di avanzamento (http://docs.jquery.com/UI/Progressbar) (forse). In un'altra discussione, sto cercando di accedere alle opzioni utilizzando domObj.progressbar("option", "value").

Come determinare se questo domObj ha un progressbar allegato?

Answer 1

All'oggetto DOM verrà aggiunta una classe CSS aggiuntiva: "ui-progressbar". Se visualizzi l'origine su http://docs.jquery.com/UI/Progressbar, puoi vedere un div con id = progressbar e nient'altro, ma se usi Firebug e fai clic sull'elemento, puoi vedere che ha qualche altro aggiunto in classe.

Modificato: Penso che la soluzione di @ jamiebarrow sia la più corretta qui.

Answer 2

È possibile accedere all'oggetto barra di avanzamento sull'elemento facendo:

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

Quindi, per usare questo:

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

Io preferisco usare hasOwnProperty su qualsiasi oggetto in JavaScript, dal momento che restituisce un booleano ogni volta.

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

Quale IMHO è leggermente migliore del controllo null; cosa succede se passa a undefined, che, anche IMO è quello che dovrebbe tornare.

Answer 4

Secondo this discussion, il modo consigliato per rilevare se un widget è stato reso su un elemento è come segue:

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

Answer 5

Al jQuery UI 1.11, widget possono essere testati direttamente tramite il metodo instance:

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

Documentazione: http://api.jqueryui.com/jQuery.widget/#method-instance