jquery mobile java_[Java教程]jquery mobile小经验

[Java教程]jquery mobile小经验

0

2014-08-22 15:01:54

现在网站上关于jquery mobile的demo和帖子可真少啊,我刚开始接触,遇到了一些问题,都找不到人请教。

这是我的个人经验总结,或多或少会对刚入门的童鞋有点帮助吧。

如果想一开始进入页面的时候就弹出来一个警告框,目前我知道的有三种办法可以解决:

1.利用jqm因为jqm的加载远早于document.ready事件发生时,当Jquery Mobile开始执行时,他就会在document对象上触发mobileinit 事件,所以你可以绑定别的行为来覆盖默认配置Java代码

bc91bb04e6e9c61e24c974e4440db8f2.gif$(document).bind("mobileinit", function(){

alert("jquery mobile");

});

因为mobileinit事件是在加载后马上触发,所以你需要在Jquery Mobile加载之前绑定你的事件处理函数,所以我建议你如下安排你的js引用顺序Java代码

bc91bb04e6e9c61e24c974e4440db8f2.gif

$(document).bind("mobileinit", function(){

alert("jquery mobile");

});

最好是按照这个顺序,因为我开始的时候,是这样写的:Java代码

bc91bb04e6e9c61e24c974e4440db8f2.gif

$(document).bind("mobileinit", function(){

alert("jquery mobile");

});

但是根本就没有任何反应,也不报错,所以顺序很重要哈! 2.利用jquery$(function(){

alert("jquery");

})

3.利用javascriptJava代码

bc91bb04e6e9c61e24c974e4440db8f2.giffunction loaded(){ alert('javascript'); }

document.addEventListener('DOMContentLoaded', function () { setTimeout(loaded, 2000); }, false);

此外,还有一种页面跳转的方式,如果你想从第一个页面通过后台跳转到第二个页面的时候,弹框框,那么你可以用这种方式:

第一个页面的链接:Java代码

bc91bb04e6e9c61e24c974e4440db8f2.gif" data-ajax="false">跳转页面

第二个页面:Java代码

bc91bb04e6e9c61e24c974e4440db8f2.gif

$(function(){

alert("第二个页面");

});

或者

$(document).bind("mobileinit", function(){

alert("第二个页面");

});

因为jqm默认的提交方式是ajax,但是我在这里不是用ajax提交的,所以需要设置data-ajax="false"属性,这样才可以正常弹出框框,否则也是没反应的。Java代码

bc91bb04e6e9c61e24c974e4440db8f2.gif

$(document).bind("mobileinit", function(){

$("#jiangjie").bind("click", function() {

//如果使用的$("#jiangjie").click(function(){});那么就需要写在$(function(){})里面,不支持click事件吗?还是绑定事件吧

alert("产品讲解");

});

});

本文网址:http://www.shaoqun.com/a/98961.html

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:admin@shaoqun.com。

jquery

0

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值