JQuery移動工具提示彈出（「關閉」）功能不能在IPhone 5中工作

在我的JQuery Mobile站點中，我添加了一個工具提示對話框，可以在頁面加載時打開，它會在5秒後消失。我的代碼是類似於如下，JQuery移動工具提示彈出（「關閉」）功能不能在IPhone 5中工作

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

    <script type="text/javascript"> 
$(document).live('pagechange',function(event){ 
    $('#popupInfo').popup("open") 
     setTimeout(function() { 
     $('#popupInfo').popup("close"); 
     }, 5000); 
    }); 
    </script>

此更新中的所有設備除了IPhone 5的iOS 6工作的罰款。因爲當我試圖在IPhone 5 iOS 6設備中使用上面的腳本加載我的JQuery移動頁面時，它會在彈出關閉時將頁面重定向到上一頁。我不確定我在這裏錯過了什麼，但對我來說，它看起來像jQuery Mobile popup（「關閉」）功能不支持iPhone 5 iOS 6。

而且當刀具前端負載下散列標籤文本附加到URL我們如何才能避免這種#&ui-state=dialog

任何人都可以請讓我知道如何解決這個問題呢？

我甚至還試過下面的代碼;

$(document).on('pagechange',function(event){ 
     $('#popupInfo').popup("open").delay(2000).popup("close"); 

    });

但是，這是不是在所有

來源

2013-02-21 FR STAR

你解決了嗎？ – Omar 2013-02-25 08:36:53

追求這種情況非常感謝。我會盡快在此更新你。 – 2013-02-26 04:57:30

工作得到它。將data-history="false"添加到popupBasic Popup div。

<!-- Button/works without it --> 
<a href="#popupBasic" data-rel="popup">Open Popup</a> 

<!-- Popup #popupBasic --> 
<div data-role="popup" id="popupBasic" data-history="false"> 
<p>This is a completely basic popup.<p> 
</div>

JS：

<script type="text/javascript"> 

$(document).live('pagechange',function(){ 
$('#popupBasic').popup("open") 
    setTimeout(function() { 
    $('#popupBasic').popup("close"); 
    }, 5000); 
}); 

</script>

的jsfiddle：Popup

來源

2013-02-22 09:34:08 Omar

感謝您的支持，但問題仍然存在。使用在線模擬器檢查我的測試文件。測試鏈接：** http：//www.apartmentslanka.com/ztest_calender/zfr/index_a.html**。在線模擬器鏈接：** http：//iphonetester.com/** – 2013-02-22 09:56:58

檢查更新後的答案。 – Omar 2013-02-23 14:31:22

這現在工作很好！並再次感謝你。 – 2013-02-26 10:24:55

而且alternatively..jquery移動環繞彈出窗口有一個div有ID = 「yourpopupid，彈出」因此，你可以簡單地隱藏那個div。

例如： < DIV ID = 「基本」數據角色= 「彈出」>我彈出</DIV> ，那麼你可以將其關閉： $（'＃基本-彈出'）隱藏（）。

來源

2013-07-26 06:15:54

使用兩個函數隱藏（）或者您也可以點擊按鈕

來源

2013-07-26 06:52:28 Rohit

我在使用彈出工具欄菜單（jQuery Mobile的1.2）面臨着同樣的問題，用接近（）函數。例如：

<a href="#popupBasic" data-rel="popup">Open Popup</a> 

<!-- Popup #popupBasic --> 
<div data-role="popup" id="popupBasic" data-history="false"> 
<ul data-role="listview" data-inset="true"> 
<li><a href='item1.html'>Item1</a></li> 
</ul> 
</div>

上面的代碼不適用於iPhone 5（但適用於Android，iPhone4等）。如果我改變它，如下所示。

<a data-ajax="false" href='item1.html'>Item1</a>

來源

2013-12-23 01:33:43

JQuery移動工具提示彈出（「關閉」）功能不能在IPhone 5中工作

回答

相關問題