JQuery Mobile - событие, которое вызывается при закрытии окна выбора

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 принимает те же события page в JQuery Mobile

Demo

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

Answer 2

Если выбрать имеет идентификатор Foo, JQuery Mobile создает всплывающее окно с именем foo-listbox-popup. После этого вы можете слушать для popupafterclose события, как это:

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

Вот fiddle с помощью JQM 1.3.0b1 (я использую это решение с JQM 1.4.5).