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');
}
});

jQuery Mobile Popup不隐藏或显示

2 个答案: