如何在jQuery Mobile中的多选框上触发onClose

时间:2012-02-17 16:32:55

标签: jquery events select jquery-mobile

如何识别用户是否关闭多重选择框?

jQuery Mobile Docs中没有任何相关内容。

我正在搜索类似onClose事件的内容。

我已经尝试在select上设置onBlur,但没有用。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

当发生任何特定用户体验时,您可以.trigger()自定义事件:

$(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元素的closeselect事件注册事件处理程序:

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

以下是演示:http://jsfiddle.net/AaKnG/