JQuery移动工具提示弹出("关闭")功能在IPhone 5中不起作用

Question

在我的JQuery Mobile站点中,我添加了一个工具提示对话框,在页面加载时打开,它将在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 弹出("关闭")功能不支持iPhone 5 iOS 6.

此外,当工具提示加载跟随哈希标记文本附加到URL时,我们如何避免这种情况 #&ui-state=dialog

有谁能告诉我怎样才能解决这个问题？

我甚至尝试过以下代码;

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

    });

但这根本不起作用

Answer 1

得到它了.添加data-history="false"到popupBasicPopup 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