Лучшее руководство по JQuery UI виджетов вызова метода в 2024 году. В этом руководстве вы можете изучить JQuery UI виджетов вызова метода
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.