JQuery CSS Psuedo Element: ui-Dialog

Question

Von dem, was ich ui sehen: Dialog ist nicht ein Standard psuedo CSS-Element, so dass ich frage mich, was die folgende Zeile erreicht:

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

ich ein div mit der ID finden konnten, "inline" aber woher kommt der ui-dialog?

Answer 1

$.widget() bietet einen Pseudo-Selektor für Ihr Widget automatisch. Der Pseudo-Selektor wird aus der jQuerySubclass, dem Namespace und dem Call-Namen erstellt.

$.widget('ui.mywidget',{}); 
// same like this 
$.widget('jQuery.ui.mywidget',{}); 

Der zugehörige speudo-Selektor ist:

':ui-mywidget' 

die jedes Widget bedeutet, erstellt mit $.widget() automatisch einen Pseudo-Selektor bereitstellt.

Hier ist ein reference.

Answer 2

Die jQuery UI Widget-Factory hat automatic pseudo selector generation für alle Widgets.