在我的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>
Run Code Online (Sandbox Code Playgroud)
此更新在除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");
});
Run Code Online (Sandbox Code Playgroud)
但这根本不起作用