JQuery Mobile - 선택 상자가 닫힐 때 호출되는 이벤트

Question

x 버튼으로 선택 상자를 닫을 때마다 바인딩 할 수있는 가능한 이벤트는 무엇입니까? 당신의 선택은 ID foo에있는 경우

 <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

사용 dialog로 pagehide 이벤트가

Demo

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

Answer 2

jQuery를 모바일에서 page의 같은 이벤트를 받아, jQuery를 모바일 생성 foo-listbox-popup이라는 이름의 팝업. 그런 다음이 같은 popupafterclose 이벤트를 수신 할 수 있습니다

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

여기 JQM의 1.3.0b1 (나는 JQM 1.4.5이 솔루션을 사용하고 있습니다)를 사용하여 fiddle입니다.