Potrzebujesz wiedzieć, czy widget JQuery UI został zastosowany do obiektu DOM

Question

Używam jQuery i mam pewne interakcje z interfejsem jQuery, w którym muszę uzyskać opcje. Istnieje jednak możliwość, że funkcja interfejsu jQuery nie została jeszcze zastosowana do obiektu DOM. Otrzymuję teraz błąd JavaScript po uzyskaniu dostępu do opcji.

Mam obiekt DOM, który ma pasek postępu (http://docs.jquery.com/UI/Progressbar) dołączony do niego (być może). W innym wątku próbuję uzyskać dostęp do opcji za pomocą domObj.progressbar("option", "value").

Jak ustalić, czy to domObj ma dołączoną progressbar?

Answer 1

Obiekt DOM otrzyma dodatkową klasę CSS do niej dodaną: "ui-progressbar". Jeśli wyświetlisz Źródło na http://docs.jquery.com/UI/Progressbar, zobaczysz div z id = progressbar i nic więcej, ale jeśli użyjesz Firebug i klikniesz element, który widzisz, ma on kilka więcej sklasyfikowanych dodanych.

Edytowane: Myślę, że rozwiązanie @ jamiebarrow jest bardziej poprawne tutaj.

Answer 2

Można uzyskać dostęp do obiektu pasek postępu na elemencie wykonując:

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

więc korzystać z tego:

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

wolę używać hasOwnProperty na każdym obiekcie w JavaScript, ponieważ zwraca boolean za każdym razem.

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

Który IMHO jest trochę lepszy niż sprawdzanie wartości null; co jeśli przełączy się na niezdefiniowane, co również oznacza IMO.

Answer 4

Według this discussion, zalecany sposób, aby wykryć, czy widget zostało wykonane na elemencie jest następujący:

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

Answer 5

Jako jQuery interfejsu 1,11, wzory można bezpośrednio pod kątem metodą instance:

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

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