2012-05-18 47 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'); 
} 
}); 

我希望這會起作用。它與我合作愉快。 感謝你