3

每当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");
4

2 回答 2

3

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

演示

$(document).on('pagehide', '[data-role=dialog]', function () {
 // Your code here
});
于 2013-06-03T15:10:40.570 回答
3

如果您的选择的 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 中使用这个解决方案）。

于 2015-05-12T05:46:38.660 回答