jquery mobile popup 弹出有关问题

jquery mobile popup 弹出问题
最近写代码，使用到 jquery mobile 里面的 popup 功能。点击超链接执行

$("#ccc").popup('open')

可以正常执行，如果没有操作，直接执行

$("#ccc").popup('open');

弹出窗口就会自动闪退。

追踪jquery mobile.js，发现错误是出在了

 if ( theEvent && theEvent.type === "pagebeforechange" && data ) {}

这里。

点击的时候，

theEvent.type === "pagebeforechange"

，直接调用的时候

theEvent.type === "Navigate"

但是又不知道该怎么调用 popup 才能让

theEvent.type === "pagebeforechange"

，

请高人来帮忙解决下问题，谢谢。
------解决思路----------------------
可以呀，不知道你用的哪个版本



<!DOCTYPE html>

<html>

<head>

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>

<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

<script>

$(document).ready(function(){

$("#popupBasic").popup('open');

});

</script>

</head>

<body>


<div data-role="page" id="pageone">

  <div data-role="header">

    <h1>在此处插入标题</h1>

  </div>


  <div data-role="content">

    <p>在此处插入正文</p>

<div data-role="popup" id="popupBasic">

    <p>This is a completely basic popup, no options set.</p>

</div>

  </div>


  <div data-role="footer">

    <h1>在此处插入页脚文本</h1>

  </div>

</div> 


</body>

</html>

------解决思路----------------------
试了试，会弹出来，你把时间传成0，看看是否弹出来。
不过看弹出窗口不稳定

------解决思路----------------------
看了看源码，可以下面设置一下就可以了。
$popup.popup({closeEvents:false});
试了一下，没问题。
------解决思路----------------------
看看源码，什么地方加上去的，什么条件能够不加。
关闭代码相对没那么复杂，options也都是可以重新设置的，如果是那个参数引起的，关闭前能够再设置参数。
如果不好使，可以自己继承该组件，自己重写。

jquery mobile popup 弹出有关问题

相关推荐