這個選擇器是什麼選擇「#dialog：ui-dialog」？

Question

此選擇器引用於http://jqueryui.com/demos/dialog/#modal-confirmation（源代碼）。

$("#dialog:ui-dialog").dialog("destroy"); 

#dialog是好的，請問:ui-dialog得到解釋，我沒有在文檔找到它的任何地方。

任何人都可以點亮一下嗎？

Answer 1

右上面那行代碼的註釋上寫着：

// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore! 

因此，它可能是最好還是別去碰它。

Answer 2

我相信這只是指一個元素ID爲對話框：UI的對話框，它沒有任何語義含義

Answer 3

jquery.ui.widget.js定義自定義選擇，每jQuery的UI部件：

// create selector for plugin 
$.expr[ ":" ][ fullName ] = function(elem) { 
    return !!$.data(elem, name); 
}; 

其遍歷所有元素，並返回那些定義的數據（在這種情況下對話框）對象。

嘗試：

1. 選擇對話（S）（返回的jQuery）

   $(':ui-dialog'); 
   

2. 獲取對話框對象（返回Object）

   $(":ui-dialog").eq(0).data('dialog'); 
   

你糾正聲明：

$(":ui-dialog").dialog("destroy"); 

選擇並解除所有對話框。