jQuery Mobile为我们提供了这些不错的自定义选择菜单,菜单以叠加方式显示。我试图将onclick函数附加到这些选项,但是因为jQuery mobile用他们自己生成的标签替换了选项标签。我似乎无法将功能附加到“选项”(实际上是作为样式链接生成)。
答案 0 :(得分:5)
如果绑定到click
元素的change
事件,而不是绑定到{false}选项元素的<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()
相同。