如果jQuery Mobile弹出窗口打开,如何通过jQuery检查？

Question

我可以激活以下jQuery Mobile弹出窗口:

<div data-role="popup" id="waiting1" data-overlay-theme="a" data-corners="false" data-tolerance="30,15" data-dismissible="false">
     <div class="modalAlert" id="waitingContent">
      Waiting...
     </div> 
</div>

使用jQuery命令:

$(waiting1).popup('open');

但后来我想以编程方式确认弹出窗口打开,如果没有,则使用IF语句触发警报.我尝试使用CSS显示属性:

if ( $(waiting1).css('display') != 'block') {
    alert(
        "Error: Waiting popup should not be visible."
    );
    return( -1 );
};

...但作为一个jQuery Mobile弹出窗口,显然该属性始终是"阻止",无论它是否可见.在IF语句中检查这个的正确方法是什么？谢谢你的帮助.

Answer 1

在jQuery Mobile中,类出现时会应用于弹出窗口的容器.ui-popup-active当它可见ui-popup-hidden时,隐藏它.因此,您可以检查该类,而不是检查'block'或':visible':

if ( $(waiting1).parent().hasClass('ui-popup-hidden')) {
    alert(
        "Error: Waiting popup should not be visible."
    );
    return( -1 );
};