2012-05-18 46 views
1

我有这个作为我的html;jQuery Mobile Popop不隐藏或显示

<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');没有任何反应

回答

3

这是JQM计划功能,还不可用。直到JQM 1.2才能使用该功能。尝试使用像http://dev.jtsage.com/jQM-SimpleDialog/demos2/这样的插件来提供该功能。

+0

但它在这里工作http://jquerymobile.com/test/docs/pages/popup/index.html – griegs

+0

我的观点是为什么记录一些不可用的东西?有点混淆至少说 – griegs

+2

注意它是如何在网址中测试的。 – codaniel

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

我希望这会起作用。它与我合作愉快。 感谢你