Событие Fire onClick Меню выбора jQuery Mobile

Question

jQuery Mobile предоставляет нам эти замечательные пользовательские меню выбора, где меню отображается как наложение.Я пытаюсь прикрепить функцию onclick к этим опциям, но поскольку jQuery mobile заменяет теги опций собственными сгенерированными тегами.Я не могу заставить функцию присоединяться к «опциям» (которые на самом деле генерируются как стилизованные ссылки).

Answer 1

Вместо привязки к событию click для элементов "fake-option", как насчет привязки к событию change для элемента <select>:

$('#the-select').on('change', function () {
    var $this = $(this),
        val   = $this.val();
});

Вот демонстрационная версия: http://jsfiddle.net/PQ39n/

Обратите внимание, что .on() является новым в jQuery 1.7 и в этом случае совпадает с .bind().

EDIT

Если вы хотите привязать к событию click для элементов "fake-option":

$('#the-page').on('click', '.ui-selectmenu-list > li', function () {
    alert('onClick = ' + $('#the-select').children().eq($(this).attr('data-option-index')).val());
});

Вот демо: http://jsfiddle.net/PQ39n/ (то же самое, что и выше)

В этом примере .on() совпадает с .delegate().