jQuery mobile的腳本加載問題

jQuery Mobile 是創建移動 web 應用程序的框架。
兼容性不錯,最讚的是它的頁面跳轉,我本人還是很喜歡的。
具體用法就不再敘述,有興趣的可以去看一下,挺簡單的。
鏈接http://www.w3school.com.cn/jquerymobile/
前段時間因爲項目需要,要用到jqm,一開始確實被它的優點所吸引,再加上本來就是jq,上手不難,所以就選擇了jqm。但是後來就後悔了,因爲在頁面邏輯複雜之後,它有一個很嚴重的問題,就是頁面腳本的加載問題(淚流滿面啊)。
因爲這個框架本身是通過ajax把頁面扯進來再做平滑過渡的,所以它在一開始的頁面加載之後就不會再加載head,這就導致一個問題,之後要加載的腳本怎麼辦?一般有兩個方法:一、用jqm提供的函數(看教程,這個不是我使用的,因爲我在用的時候有一些問題解決不了,如果您有什麼好的建議,可以探討一下),二、是把要加載的的腳本寫到body裏面。個人選擇了第二種,能解決問題,但還是存在一些問題,不過,這個方法是我試過的比較有效的方法了。
代碼:

<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>
</head>
<body>
<div>。。。</div>
<script>
setTimeout(function(){
    loadData();
},1);

function loadData(){
    ......
}
</script>
</body>
</html>

注意,首頁之外的頁面,獨立的js文件放在body裏面。
代碼就差不多就是這麼多,因爲Mac上沒有裝編輯器,也不知道有沒有打錯,見諒。
如果你也有什麼好的方法,可以一起探討一下,我是小白,請指教。

發佈了33 篇原創文章 · 獲贊 9 · 訪問量 5萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章