Question

只要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");

Answer 1

使用pagehide事件，因为dialog在jQuery Mobile中接受page的相同事件

<强> Demo

$(document).on('pagehide', '[data-role=dialog]', function () {
 // Your code here
});

Answer 2

如果你的select有ID foo，jQuery Mobile会创建一个名为foo-listbox-popup的弹出窗口。然后你可以听这样的popupafterclose事件：

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

这是使用JQM 1.3.0b1的fiddle（我在JQM 1.4.5中使用此解决方案）。

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

2 个答案: