jQuery Mobile頁面跳轉(zhuǎn)后未加載外部JS原因分析及解決

更新時(shí)間：2013年03月18日 16:25:06 作者：

Web開發(fā)進(jìn)行頁面跳轉(zhuǎn)時(shí)在pageB中引用的JS并未成功運(yùn)行，針對(duì)這個(gè)問題本文給予了詳細(xì)的解決方法，感興趣的你可以參考下哈，希望可以幫助到你

在使用jQuery Mobile進(jìn)行Web開發(fā)中，當(dāng)頁面跳轉(zhuǎn)時(shí)（pageA => pageB），在pageB中引用的JS并未成功運(yùn)行。因?yàn)?，JQM并為將整個(gè)頁面加載到當(dāng)前的dom中，僅將data-role="page"元素加入當(dāng)前的dom中。

因此，在<head>中引入的外部JS文件，以及<page>標(biāo)簽外的JS均不能正常運(yùn)行，刷新頁面后方可加載成功。

鑒于JQM這個(gè)特性不太可能主動(dòng)更改，可以用兩種方法來解決：
一是在index頁面中，注冊(cè)所有需要使用到的外部JS文件，或者使用母版頁面來統(tǒng)一；
二是將頁面內(nèi)部JS寫在data-role="page"標(biāo)簽下，這樣無論頁面怎樣跳轉(zhuǎn)，均可以運(yùn)行。

您可能感興趣的文章:

相關(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)容，何樂而不為呢，看到這里，相信有些朋友已經(jīng)按耐不住了，好記下來為大家介紹實(shí)現(xiàn)方法，感興趣的朋友可以了解下哦
2013-01-01
jQuery操作dom實(shí)現(xiàn)彈出頁面遮罩層(web端和移動(dòng)端阻止遮罩層的滑動(dòng))
實(shí)現(xiàn)彈出遮罩層的方法有很多種，接下來本文給大家介紹通過jquery操作dom實(shí)現(xiàn)彈出頁面遮罩層以及web端和移動(dòng)阻止遮罩層的滑動(dòng)，對(duì)頁面彈出遮罩層的相關(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)增加刪減表格行特效
這篇文章主要介紹了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下拉列表框的代碼，需要的朋友可以參考下，jquery操作select的相關(guān)文章會(huì)給你更多的驚喜。
2010-06-06
JQuery 中幾個(gè)類選擇器的簡(jiǎn)單使用介紹
類選擇器想必很多喜歡jquery的朋友早早就涉及到了吧，它們的使用也應(yīng)該了如指掌了吧，接下來幫大家溫習(xí)下幾個(gè)簡(jiǎn)單類選擇器的使用方法，感興趣的你可以參考下哈，希望對(duì)你有所幫助
2013-03-03
jquery制作漂亮的彈出層提示消息特效
這篇文章主要介紹了jquery制作漂亮的彈出層提示消息特效,需要的朋友可以參考下
2014-12-12