Cần biết liệu một Widget UI của jQuery đã được áp dụng cho một đối tượng DOM

Question

Tôi đang sử dụng jQuery và có một số tương tác với một giao diện người dùng jQuery, nơi tôi cần có các tùy chọn. Tuy nhiên có khả năng là chức năng giao diện người dùng jQuery chưa được áp dụng cho đối tượng DOM. Tôi nhận được một lỗi JavaScript ngay bây giờ khi tôi truy cập một tùy chọn.

Tôi có đối tượng DOM có thanh tiến trình (http://docs.jquery.com/UI/Progressbar) được đính kèm với nó (có thể). Trong một chủ đề khác, tôi đang cố truy cập các tùy chọn bằng cách sử dụng domObj.progressbar("option", "value").

Làm cách nào để xác định xem điều đó có domObj có đính kèm progressbar không?

Answer 1

Đối tượng DOM sẽ nhận thêm lớp CSS được thêm vào: "ui-progressbar". Nếu bạn xem nguồn trên http://docs.jquery.com/UI/Progressbar thì bạn có thể thấy một div có id = progressbar và không có gì khác, nhưng nếu bạn sử dụng Firebug và bấm vào phần tử bạn có thể thấy nó có thêm một vài lớp được thêm vào.

Đã chỉnh sửa: Tôi nghĩ rằng giải pháp @ jamiebarrow là giải pháp chính xác hơn ở đây.

Answer 2

Bạn có thể truy cập vào đối tượng thanh tiến trình trên phần tử bằng cách thực hiện:

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

Vì vậy, để sử dụng này:

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

Tôi thích sử dụng hasOwnProperty trên bất kỳ đối tượng trong JavaScript, vì nó trả về một boolean mỗi lần.

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

IMHO nào tốt hơn một chút so với kiểm tra null; những gì nếu nó chuyển sang không xác định, trong đó, cũng IMO là những gì nó sẽ trở lại.

Answer 4

Theo this discussion, cách khuyến khích để phát hiện nếu một widget đã được trả lại vào một yếu tố như sau:

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

Answer 5

Tính đến jQuery UI 1.11, widget có thể được kiểm tra trực tiếp cho qua phương pháp instance:

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

Tài liệu: http://api.jqueryui.com/jQuery.widget/#method-instance