点击onClick事件jQuery Mobile选择菜单

Question

jQuery Mobile为我们提供了这些漂亮的自定义选择菜单,其中菜单作为叠加层进入.我试图将onclick函数附加到这些选项,但是因为jQuery mobile用他们自己生成的标签替换了选项标签.我似乎无法将功能附加到"选项"(实际上生成为样式链接).

Answer 1

而不是绑定到click"假选项"元素的change事件,如何绑定到<select>元素的事件:

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

这是一个演示:http://jsfiddle.net/PQ39n/

请注意,这.on()是jQuery 1.7中的新增内容,在这种情况下是相同的.bind().

编辑

如果您确实要绑定到click"假选项"元素的事件:

$('#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().