检查弹出窗口是否正在关闭 Jquery 移动

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 的值。应激活弹出窗口，然后 AFTER 用户单击弹出窗口，结束输入元素应显示红色边框。

我只能让边框和弹窗在点击按钮的同时生效，不能一步步生效。有没有办法检查弹出窗口是否关闭然后设置边框？

Answer 1

您可以使用弹出窗口的 afterClose event:

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

检查弹出窗口是否正在关闭 Jquery 移动

Check if a Popup is being closed Jquery Mobile

html

css

popup

jquery-mobile

DEMO