检查是否正在关闭的弹出窗口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