jquery mobile小经验

如今网站上关于jquery mobile的demo和帖子可真少啊，我刚开始接触，遇到了一些问题，都找不到人请教。 
这是个人我的经验总结，或多或少会对刚入门的童鞋有点帮助吧。 
若是想一开始进入页面的时候就弹出来一个警告框，目前我知道的有三种办法能够解决： 
1.利用jqm由于jqm的加载远早于document.ready事件发生时,当Jquery Mobile开始执行时，他就会在document对象上触发mobileinit 事件，因此你能够绑定别的行为来覆盖默认配置 

$(document).bind("mobileinit", function(){
 alert("jquery mobile");
});

由于mobileinit事件是在加载后立刻触发，因此你须要在Jquery Mobile加载以前绑定你的事件处理函数，因此我建议你以下安排你的js引用顺序 

<script src="Jquery.js"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function(){
 alert("jquery mobile");
});
</script>
<script src="Jquery-mobile.js"></script>

最好是按照这个顺序，由于我开始的时候，是这样写的： 

<script src="Jquery.js"></script>
<script src="Jquery-mobile.js"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function(){
 alert("jquery mobile");
});
</script>

可是根本就没有任何反应，也不报错，因此顺序很重要哈！ 

2.利用jquery$(function(){ 
alert("jquery"); 
}) 
3.利用javascript

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

此外，还有一种页面跳转的方式，若是你想从第一个页面经过后台跳转到第二个页面的时候，弹框框，那么你能够用这种方式： 
第一个页面的连接： 

<a href="${pageContext.request.contextPath}/lcecodelog/listL_cecodelog.action class="ui-btn-active" data-ajax="false">跳转页面</a>

第二个页面： 

<script src="Jquery.js"></script>
<script src="Jquery-mobile.js"></script>
<script type="text/javascript">
$(function(){
 alert("第二个页面");
});
</script>
或者
<script src="Jquery.js"></script>
<script src="Jquery-mobile.js"></script>
<script type="text/javascript">
$(document).bind("mobileinit", function(){
 alert("第二个页面");
});
</script>

由于jqm默认的提交方式是ajax，可是我在这里不是用ajax提交的，因此须要设置data-ajax="false"属性，这样才能够正常弹出框框，不然也是没反应的。

Java代码  

<script type="text/javascript">
$(document).bind("mobileinit", function(){
   $("#jiangjie").bind("click", function() {
 //若是使用的$("#jiangjie").click(function(){});那么就须要写在$(function(){})里面，不支持click事件吗？仍是绑定事件吧
   　alert("产品讲解");
        });
});
</script>