JQuery Mobile—关闭选择框时调用的事件

每当选择框被x按钮关闭时，我可以使用哪个事件绑定

        <select name="select-choice-6" id="select-choice-6" class="select" multiple="multiple" data-native-menu="false">
            <option>Search by:</option>
            <option value="id">Student ID</option>
            <option value="permit">Permit</option>
            <option value="license">License Plate</option>
            <option value="first">First Name</option>
            <option value="last">Last Name</option>
            <option value="lot">Lot Code</option>
        </select>
        <script type="text/javascript">
            $(document).on( "popupafterclose", ".ui-popup-container", function() {
                alert("hi");
            });
            $("#select-choice-6").trigger("popupafterclose");

搜索人：
学生证
许可证
车牌
名字
姓
批号
$（document）.on（“popupafterclose”，“.ui弹出容器”，函数（）{
警报（“hi”）；
});
$（“#select-choice-6”）.trigger（“popupafterclose”）；

使用

pagehide

事件，因为在jQuery Mobile中

对话框

接受与

页面

相同的事件

---

如果您的select的ID为foo，jQuery Mobile将创建一个名为foo listbox popup的弹出窗口。然后，您可以按如下方式侦听popupafterclose事件：

$(document).on('popupafterclose', '#foo-listbox-popup', function () {
    alert('closed');
});

---

这是一个使用JQM 1.3.0b1的解决方案（我将此解决方案与JQM 1.4.5一起使用）。

如果它是一个弹出窗口，请使用

popupafterclose

。您正在使用哪个jQM版本？1.3.1，这是我正在使用的版本。编辑：popupafterclose不起作用我已经更新了我的答案。@JimRilye现在它是一个

对话框

。我将相应地编辑我的答案。@Omar，谢谢你，现在可以了。但是，我可以问一下，因为我是JQM的新手，您如何或在哪里发现这种方法是“pagehide”，而弹出窗口是一个对话框而不是其他东西？如果你能告诉我一个大概的情况，我会很高兴的direction@JimRilye欢迎：）请阅读此链接的第一段“通过添加

data rel=“dialog”

，任何页面都可以显示为模式对话框”。这意味着对话框被视为具有

data role=page

的div。阅读这里的弹出窗口，如果你有任何问题，请发电子邮件给我omarmt[at]gmail。com@Omar，谢谢。如果需要，我一定会查看链接并给你发电子邮件

$(document).on('popupafterclose', '#foo-listbox-popup', function () {
    alert('closed');
});