jquery mobile自动弹出popup
2015-07-18 12:09
489 查看
最近在用jquery mobile开发webapp的时候碰到一个问题。
就是在页面加载完成时,判断用户是否完善了资料,如果没有完善资料,就自动弹出一个popup提示用户去完善资料,并带上链接。
我用的第一种办法是
<script>
$(document).on("pageinit","#pageone",function(){
$("#popupCloseRight").popup("open");
});
</script>
调试的时候发现这种办法,根本没有反应。
我就想会不会是pageinit的原因。
官方文档是这样写的:pageinit,在页面页面初始化时,触发的事件。
可是我换成:pageload,在页面完全加载成功后触发。
一样没有效果。
在网上各种搜索,找到一个方法。
<script>
$(document).on("pageinit","#pageone",function(){ setTimeout(function(){
$("#popupCloseRight").popup("open");
},0);
});
</script>这样写,居然成功了。
不知道有没有哪位大神能给我解释一下。为什么用setTimeout就可以。
就是在页面加载完成时,判断用户是否完善了资料,如果没有完善资料,就自动弹出一个popup提示用户去完善资料,并带上链接。
我用的第一种办法是
<script>
$(document).on("pageinit","#pageone",function(){
$("#popupCloseRight").popup("open");
});
</script>
调试的时候发现这种办法,根本没有反应。
我就想会不会是pageinit的原因。
官方文档是这样写的:pageinit,在页面页面初始化时,触发的事件。
可是我换成:pageload,在页面完全加载成功后触发。
一样没有效果。
在网上各种搜索,找到一个方法。
<script>
$(document).on("pageinit","#pageone",function(){ setTimeout(function(){
$("#popupCloseRight").popup("open");
},0);
});
</script>这样写,居然成功了。
不知道有没有哪位大神能给我解释一下。为什么用setTimeout就可以。
相关文章推荐
- JQuery中ajax方法访问web服务实例
- 【JQuery】Ecshop与Jquery冲突的完…
- for循环和jquery的each()跳出循环的方法
- jquery三级联动
- 鼠标滚轮事件----jquery-mousewheel
- jQuery插件 -- Cookie插件
- jquery 时间json格式为时间年月日时分秒jqueryUI+Struts+hibernate
- Jquery mobile 新手问题总汇
- jQuery Mobile教程:jQuery Mobile基本事件
- jQuery设计思想
- jQuery最佳实践
- JQuery中ajax方法访问web服务实例
- jquery实现用户信息修改验证输入方法汇总
- jQuery实现在最后一个元素之前插入新元素的方法
- jQuery插件简单实现方法
- jQuery增加自定义函数的方法
- jQuery获取URL请求参数的方法
- 基于jQuery左右滑动切换特效 附源码
- 基于jQuery左右滑动切换特效 附源码
- jQuery框架下的多选文本框