На этом шаге мы рассмотрим события этого виджета.
Материал этого шага базируется на http://www.linkexchanger.su/2011/700.html.
Рассмотрим, как виджет может реагировать на события.
Изменим код скрипта следующим образом:
$(document).ready(function() { var availableTags = ["ActionScript","AppleScript","Asp","BASIC", "C","C++","Clojure","COBOL","ColdFusion","Erlang","Fortran", "Groovy","Haskell","Java","JavaScript","Lisp","Perl","PHP", "Python","Ruby","Scala","Scheme"]; $("#tags").autocomplete({ source: availableTags, select: function(event, ui) { alert('Событие: ' + event.type + ',\nзначение: ' + ui.item.value); } }); });
Здесь мы добавили свойство select, где определили функцию, которая будет вызываться в тот момент, когда пользователь выберет какое-либо значение из списка подсказок. функция принимает два аргумента: первый - объект event, второй - специальный объект ui. Организовав доступ к свойствам этих объектов, можно получить полезную информацию (мы выводим ее в диалоговом окне).
Рис.1. Пример обработки события виджетом
Полный текст этого примера можно взять здесь.Это не единственное событие на которое умеет реагировать виджет - вот полный их список, где указано название свойства в объекте с настройками, название события в event.type и описание события:
На следующем шаге мы рассмотрим его методы.