Как вызвать onClose для поля множественного выбора в jQuery Mobile - PullRequest
Новая
       354

Как вызвать onClose для поля множественного выбора в jQuery Mobile

4 голосов
/ 17 февраля 2012

как узнать, закрывает ли пользователь окно множественного выбора?

В jQuery Mobile Docs нет ничего об этом .

Я ищу что-то вроде события onClose.

Я уже пытался установить onBlur для выбора, но не сработало.

Спасибо за любую помощь.

1 Ответ

0 голосов
/ 17 февраля 2012

Вы можете .trigger() пользовательских событий, когда происходит какой-либо определенный UX: 

$(document).delegate('.ui-selectmenu-screen', 'click', function () {

    //find the select and trigger a `close` event since the overlay was clicked
    $(this).prev().find('select').trigger('close');
}).delegate('.ui-select', 'click', function () {

    //find the select and trigger an `open` event since the menu was clicked
    $(this).find('select').trigger('open');
});

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

Используя приведенный выше код, вы теперь можете зарегистрировать обработчики событий для событий open и close для элемента select: 

$(document).delegate('#select-choice-9', 'open close', function (event) {
    console.log(event.type);
});

Вот демоверсия: http://jsfiddle.net/AaKnG/

...