Question

我正在使用jQuerymobile的phonegap，

使用自定义菜单时，我知道很容易检查“ui-selectmenu-screen”类的div是否也有“ui-screen-hidden”类，但我的问题是我无法触发这个功能，我完全不知道触发“点击”事件的位置，当我点击折叠的选择菜单时，我试过了：

$('a.ui-btn').bind('click',function() {
    if (  $('.ui-selectmenu-screen').hasClass("ui-screen-hidden");  ) {
       DO WHAT EVER...
    }
});

以及此的许多变体，但就像没有点击事件....

Answer 1

我今天刚遇到这个问题并开发了以下解决方案。

$("select").change(function() {

    // Ignore events if the interval has already been established
    if (this.interval)
        return false;

    // Self invoking anonymous function to prevent polution of parent scope 
    // in some environments (IE), passes 'this' as element
    (function (element) {

        // Set an interval to watch for the window to close
        element.interval = setInterval((function callback() {

            // Find the widget
            var $widget = $('#'+element.id+'-menu').closest('.ui-selectmenu');

            // If it has been closed DO STUFF and clear the interval
            if ($widget.hasClass('ui-selectmenu-hidden')) {

                // YOUR CODE HERE

                clearInterval(element.interval);

            }

            return callback;
        })(), 1000);

    })(this);

    return false;
});

另外值得注意的是，如果您通过ajax重新加载这些表单元素，则需要在插入新HTML之前从DOM中删除自定义窗口小部件元素。动态更新选项将是一个更优雅的解决方案，但我没有这个选项。

$('.ui-selectmenu, .ui-selectmenu-screen, .ui-dialog').remove();

如何检测jQuery mobile何时打开或关闭选择菜单？

1 个答案: