Latest web development tutorials

jQuery UI widgets chiamata di metodo

Widget (Widget) per le biblioteche partecipanti (Widget Factory) utilizzando il metodo di cambiare il loro status ed eseguire azioni dopo aver creato l'inizializzazione. Ci sono due modi per chiamare il metodo widget - attraverso le biblioteche partecipanti (Widget Factory) per la creazione di plug-in, o con il metodo dell'istanza elemento di un oggetto sulla chiamata.

chiamate Plug-in

Widget metodo plug-chiamata, il nome del metodo come una stringa passata. Ad esempio, fare clic qui per vedere, come chiamare dialogo (dialogo) widget di close() metodo .

$( ".selector" ).dialog( "close" );

Se il metodo richiede parametri, passati al plug-in come parametro aggiuntivo. Clicca qui per vedere, come chiamare dialogo (dialogo) di option() metodo .

$( ".selector" ).dialog( "option", "height" );

Questo restituisce la finestra di dialogo (dialogo) in height opzione valori.

esempio di chiamata

Ogni istanza di ogni oggetto utilizza jQuery.data() è memorizzato nell'elemento. Al fine di recuperare un'istanza di un oggetto, utilizzare il nome completo del widget per chiamare come chiave jQuery.data() . Come esempi specifici indicati di seguito.

var dialog = $( ".selector" ).data( "ui-dialog" );

Dopo si fa riferimento a un'istanza di un oggetto, è possibile chiamare il metodo direttamente sopra.

var dialog = $( ".selector" ).data( "ui-dialog" );
dialog.close();

In jQuery UI 1.11, la nuova instance() metodo rendere questo processo più facile.

$( ".selector" ).dialog( "instance" ).close();

Tipo restituito

La maggior parte dei metodi chiamati dal widget plugin restituire un jQuery oggetto, in modo da metodi possono essere richiamati attraverso ulteriore collegamento metodi jQuery. Quando viene chiamato per l'istanza, restituisce undefined . Come esempi specifici indicati di seguito.

var dialog = $( ".selector" ).dialog();
 
// Instance invocation - returns undefined
dialog.data( "ui-dialog" ).close();
 
// Plugin invocation - returns a jQuery object
dialog.dialog( "close" );
 
// Therefore, plugin method invocation makes it possible to
// chain method calls with other jQuery functions
dialog.dialog( "close" )
    .css( "color", "red" );

Eccezionalmente, questi metodi restituiscono informazioni sul widget. Per esempio di dialogo (dialogo) di isOpen() metodo .

$( ".selector" )
    .dialog( "isOpen" )
    // This will throw a TypeError
    .css( "color", "red" );

Ciò si traduce in un TypeError errore perché isOpen() restituisce un valore booleano, non è un oggetto jQuery.