如何在jQuery Mobile中的多選框上觸發onClose

Question

如何識別用戶是否關閉了多選的框？

這個在jQuery Mobile Docs沒有關係。

我正在尋找類似onClose事件的東西。

我試過已經在select上設置了onBlur，但沒有奏效。

感謝您的任何幫助。

Answer 1

您可以在任何特定的UX發生.trigger()自定義事件：

$(document).delegate('.ui-selectmenu-screen', 'click', function() { 

    //find the select and trigger a `close` event since the overlay was clicked 
    $(this).prev().find('select').trigger('close'); 
}).delegate('.ui-select', 'click', function() { 

    //find the select and trigger an `open` event since the menu was clicked 
    $(this).find('select').trigger('open'); 
}); 

我無法弄清楚到底如何綁定到X（關閉）按鈕，窗口小部件，但我敢肯定你可以觸發自定義事件。

使用上面的代碼，你現在可以註冊的事件處理程序open和close事件的select元素：

$(document).delegate('#select-choice-9', 'open close', function (event) { 
    console.log(event.type); 
}); 

這裏是一個演示：http://jsfiddle.net/AaKnG/