Question

jQuery Mobile为我们提供了这些不错的自定义选择菜单，菜单以叠加方式显示。我试图将onclick函数附加到这些选项，但是因为jQuery mobile用他们自己生成的标签替换了选项标签。我似乎无法将功能附加到“选项”（实际上是作为样式链接生成）。

Answer 1

如果绑定到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()相同。

点击onClick事件jQuery Mobile选择菜单

1 个答案: