jQuery Mobile頁面跳轉(zhuǎn)后未加載外部JS原因分析及解決
更新時間：2013年03月18日 16:25:06 作者：
Web開發(fā)進行頁面跳轉(zhuǎn)時在pageB中引用的JS并未成功運行，針對這個問題本文給予了詳細的解決方法，感興趣的你可以參考下哈，希望可以幫助到你
在使用jQuery Mobile進行Web開發(fā)中，當頁面跳轉(zhuǎn)時（pageA => pageB），在pageB中引用的JS并未成功運行。因為，JQM并為將整個頁面加載到當前的dom中，僅將data-role="page"元素加入當前的dom中。
因此，在<head>中引入的外部JS文件，以及<page>標簽外的JS均不能正常運行，刷新頁面后方可加載成功。
鑒于JQM這個特性不太可能主動更改，可以用兩種方法來解決：
一是在index頁面中，注冊所有需要使用到的外部JS文件，或者使用母版頁面來統(tǒng)一；
二是將頁面內(nèi)部JS寫在data-role="page"標簽下，這樣無論頁面怎樣跳轉(zhuǎn)，均可以運行。
因此，在<head>中引入的外部JS文件，以及<page>標簽外的JS均不能正常運行，刷新頁面后方可加載成功。
鑒于JQM這個特性不太可能主動更改，可以用兩種方法來解決：
一是在index頁面中，注冊所有需要使用到的外部JS文件，或者使用母版頁面來統(tǒng)一；
二是將頁面內(nèi)部JS寫在data-role="page"標簽下，這樣無論頁面怎樣跳轉(zhuǎn)，均可以運行。
您可能感興趣的文章:
- 在html中引入外部js文件,并調(diào)用帶參函數(shù)的方法
- 引用外部js亂碼問題分析及解決方案
- javascript同步Import,同步調(diào)用外部js的方法
- JS加載器如何動態(tài)加載外部js文件
- jquery延遲加載外部js實現(xiàn)代碼
- Django模板變量如何傳遞給外部js調(diào)用的方法小結(jié)
- php中json_decode()和json_encode()的使用方法
- javascript:;與javascript:void(0)使用介紹
- js中cookie的使用詳細分析
- 關(guān)于js的三種使用方式（行內(nèi)js、內(nèi)部js、外部js）的程序代碼
相關(guān)文章
jquery創(chuàng)建一個新的節(jié)點對象(自定義結(jié)構(gòu)/內(nèi)容)的好方法
jq創(chuàng)建一個新的節(jié)點對象,這對一些自定義功能很有幫助，而且可以隨意控制對象的結(jié)構(gòu)與內(nèi)容，何樂而不為呢，看到這里，相信有些朋友已經(jīng)按耐不住了，好記下來為大家介紹實現(xiàn)方法，感興趣的朋友可以了解下哦2013-01-01
jQuery操作dom實現(xiàn)彈出頁面遮罩層(web端和移動端阻止遮罩層的滑動)
實現(xiàn)彈出遮罩層的方法有很多種，接下來本文給大家介紹通過jquery操作dom實現(xiàn)彈出頁面遮罩層以及web端和移動阻止遮罩層的滑動，對頁面彈出遮罩層的相關(guān)知識感興趣的朋友一起看看吧2016-08-08
這篇文章主要介紹了jQuery iScroll.js 移動端滾動條美化插件的相關(guān)資料,需要的朋友可以參考下2016-02-02
這篇文章主要介紹了jquery動態(tài)增加刪減表格行特效實現(xiàn)代碼，2015-11-11
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)滑動開關(guān)效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
昨天看了妙味課堂的倒計時視頻，自己學著寫了下，需要的朋友可以參考下2012-05-05
這篇文章主要介紹了jQuery層動畫定位滑動效果的方法,涉及jQuery中animate方法的相關(guān)使用技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-04-04
利用jquery操作select下拉列表框的代碼，需要的朋友可以參考 下，jquery操作select的相關(guān)文章會給你更多的驚喜。2010-06-06
類選擇器想必很多喜歡jquery的朋友早早就涉及到了吧，它們的使用也應該了如指掌了吧，接下來幫大家溫習下幾個簡單類選擇器的使用方法，感興趣的你可以參考下哈，希望對你有所幫助2013-03-03
這篇文章主要介紹了jquery制作漂亮的彈出層提示消息特效,需要的朋友可以參考下2014-12-12