jquery-mobile - jQuery Mobile Poppop 不隐藏或显示

Question

我有这个作为我的html；

<div data-role="page" id="page1">

    <div data-role="content" class="Content">
        <a href="#popupBasic" data-rel="popup">Tooltip</a>

        <div data-role="popup" id="popupBasic">
            This is a completely basic popup, no options set.
        </div>
    </div>

</div>

当我运行我的 jQuery Mobile 应用程序时，所有的页面转换都很好，但由于某种原因，弹出窗口在启动时没有隐藏，因此锚链接单击什么也不做。

我正在加载这些库；

<script src="/scripts/jquery-1.6.4.min.js"></script>
<script src="/scripts/jquery.mobile-1.1.0.min.js"></script>

另外，如果我运行$('#popupBasic').popup('close');什么也不会发生

Answer 1

这是 JQM 的一项计划功能，但尚不可用。在 JQM 1.2 之前，该功能将无法使用。尝试像http://dev.jtsage.com/jQM-SimpleDialog/demos2/这样的插件来提供该功能。

Answer 2

$(document).ready(function(){
var isVisible=$('#popupBasic').is(':visible'); or var isHidden=$('#popupBasic').is(':hidden');
if(isVisisble)
{
 $('#popupBasic').hide('slow');
}
else
{
$('#popupBasic').show('slow');
}
});