检查Popup是否打开然后关闭它

Question

我正在使用Jquery Mobile进行我的Applicaion。 在我的页面中，我有5个弹出窗口，如上所示

<div data-role="popup" id="one"    class="ui-content" data-theme="a">
    </div>

<div data-role="popup" id="two"    class="ui-content" data-theme="a">
    </div>

<div data-role="popup" id="three"    class="ui-content" data-theme="a">
    </div>

我的要求是， 单击设备备份按钮，如何检查是否有任何弹出窗口打开，关闭它

我已尝试过此代码，但无效

function homedeliverypagebackfunctionality() {

  if($("#one").hasClass("ui-popup-active"))
{
$( "#one" ).popup( "close" );
}

if($("#two").hasClass("ui-popup-active"))
{
$( "#two" ).popup( "close" );
}

if($("#three").hasClass("ui-popup-active"))
{
$( "#three" ).popup( "close" );
}


}

Answer 1

如果您只想关闭任何打开的弹出窗口：

$('[data-role="popup"]').popup("close");