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