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>