檢查是否正在關閉的彈出窗口jQuery Mobile的

Question

，所以我有一個小問題，我有這樣的嘗試創建一個移動網站與jquerymobile代碼...

HTML：

<div> 
<input type="text" id="first"> 
</div> 
<div> 
    <input type="text" id="second"> 
</div> 
<button id="testButton"> 
    Checking 
</button> 
<div data-role="popup" id="popup"><p>I am a Popup</p></div> 

JS/jQuery的。 ..

var begin = $("#first").val(); 
var end = $("#second").val(); 

$(document).on("click","#testButton", function(){ 

if(begin > end){ 
$("#popup").popup("open"); 

$("#second").css({"border": "2px solid red"}); 
} 

}) 

所以我想要做的是，如果Begin的插入值大於End的值。 Popup應該被激活，然後AFTER彈出被用戶點擊，End輸入元素應該會得到一個紅色邊框。

我只能使它的工作，邊框和彈出生效的同時點擊按鈕，而不是一步一步的。有沒有辦法檢查彈出窗口是否關閉，然後設置邊框？

Answer 1

您可以使用彈出的afterClose event：完成該工作

$("#popup").on("popupafterclose", function(event, ui) { 
    $("#second").css({"border": "2px solid red"}); 
}); 

DEMO