jQuery UI widżety wywołanie metody

Widżet (widget) od bibliotek członkowskich (widget fabryczne) przy użyciu metody, aby zmienić swój status i wykonywać czynności po utworzeniu inicjalizacji. Istnieją dwa sposoby na wywołanie metody widżetów - poprzez bibliotek członkowskich (Widget fabryczne) do tworzenia wtyczek, lub metodą instancji elementu obiektu na wezwanie.

Plug-in połączeń

Widgety metodą plug-wywołanie, nazwa metody jako ciąg przekazany. Na przykład, kliknij tutaj, aby zobaczyć, jak zadzwonić dialogowe (okno) widget close() metoda .

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

Jeśli metoda wymaga parametrów, przekazywane do plug-in jako dodatkowy parametr. Kliknij tutaj, aby zobaczyć, jak zadzwonić okno (okna) z option() metody .

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

To zwraca okno (okna) w height opcji wartości.

Przykład połączeń

Każde wystąpienie każdego widget stosuje jQuery.data() jest przechowywana w elemencie. Aby pobrać instancję obiektu, należy użyć pełnej nazwy widget zadzwonić jako kluczowy jQuery.data() . Jako konkretne przykłady przedstawione poniżej.

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

Po odwołać instancję obiektu, można wywołać metodę bezpośrednio powyżej.

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

W jQuery UI 1.11, nowa instance() metoda ułatwić ten proces.

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

Powrót Rodzaj

Większość metod zwanych przez wtyczkę widget zwróci jQuery obiektu, więc metody mogą być powoływane przez dodatkowe jQuery metod link. Wywołany na przykład, zwraca undefined . Jako konkretne przykłady przedstawione poniżej.

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" );

Wyjątkowo, metody te zwracają informacje o widgecie. Na przykład okna (okna) z isOpen() metody .

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

Skutkuje to TypeError błędem, ponieważ isOpen() zwraca wartość logiczną, a nie obiekt jQuery.