JQuery Mobile - 關閉選擇框時調用的事件

只要選擇框由x按鈕關閉，我可以使用哪些事件進行綁定？JQuery Mobile - 關閉選擇框時調用的事件

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

來源

2013-06-03 Zac

如果它是一個彈出窗口，請使用'popupafterclose'。你使用哪個jQM版本？ – Omar

1.3.1，這是我使用的版本。編輯：popupafterclose不起作用 – Zac

我已經更新了我的答案。 – Omar

使用pagehide事件，如dialog接受的jQuery移動page同樣的事件

Demo

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

來源

2013-06-03 15:10:40 Omar

+1簡單的解決方案 – Gajotres

該代碼不起作用奧馬，用更多代碼編輯問題 – Zac

@JimRilye現在它是一個「對話框」。我會相應地編輯我的答案。 – Omar

如果你選擇的ID爲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這個解決方案）。

來源

2015-05-12 05:46:38

JQuery Mobile - 關閉選擇框時調用的事件

回答

相關問題