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

2024-02-23

在我的 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。因为当我尝试使用上面的脚本加载我的 JQuery 移动页面时iPhone 5 iOS 6设备在弹出窗口关闭时将我重定向到上一页。我不确定我在这里错过了什么,但对我来说它看起来像 jQuery Mobile弹出窗口(“关闭”)功能不支持iPhone 5 iOS 6.

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

谁能告诉我我们如何解决这个问题?

我什至也尝试过以下代码;

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

    });

但这根本不起作用


知道了。添加data-history="false" to the popupBasic弹出分区。

<!-- 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>

JS小提琴:Popup http://jsfiddle.net/zQtvp/1/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JQuery 移动工具提示弹出(“关闭”)功能在 iPhone 5 中不起作用 的相关文章