JQuery UI виджетов вызова метода

Виджет (Widget) с помощью библиотек - членов (Widget Factory) , используя метод , чтобы изменить свой статус и выполнять действия после инициализации создается. Есть два способа вызова метода виджетов - с помощью библиотек-членов (Widget Factory) для создания плагинов, или по методу экземпляра элемента объекта на вызов.

Вставные звонки

Виджеты метод подключаемого модуля вызова, имя метода в виде строки прошло. Например, нажмите здесь , чтобы увидеть, как вызвать диалог (диалог) виджет close() метод .

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

Если метод требует параметров, передается в плагин в качестве дополнительного параметра. Нажмите сюда , чтобы увидеть, как вызвать диалог (диалог) в option() метод .

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

Это возвращает диалоговое окно (диалоговое окно) в height опционных значений.

Пример вызова

Каждый экземпляр каждого виджета использует jQuery.data() хранится в элементе. Для того , чтобы извлечь экземпляр объекта, используйте полное имя виджета , чтобы позвонить в качестве ключевого jQuery.data() . Как показано ниже конкретных примеров.

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

После того, как вы ссылаться на экземпляр объекта, вы можете вызвать метод непосредственно выше.

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

В JQuery UI 1.11, новый instance() метод будет сделать этот процесс проще.

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

Возвращаемый тип

Большинство методов , вызываемых виджет плагин возвращает jQuery объект, поэтому методы можно вызвать с помощью дополнительных Jquery методов связи. При вызове на экземпляре, он возвращает undefined . Как показано ниже конкретных примеров.

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

В исключительных случаях, эти методы возвращают информацию о виджете. Например , диалог (диалог) из isOpen() метод .

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

Это приводит к TypeError ошибки , потому что isOpen() возвращает логическое значение, а не объект JQuery.