jQuery Mobile頁面跳轉(zhuǎn)后未加載外部JS原因分析及解決
更新時間:2013年03月18日 16:25:06 作者:
Web開發(fā)進行頁面跳轉(zhuǎn)時在pageB中引用的JS并未成功運行,針對這個問題本文給予了詳細的解決方法,感興趣的你可以參考下哈,希望可以幫助到你
在使用jQuery Mobile進行Web開發(fā)中,當(dāng)頁面跳轉(zhuǎn)時(pageA => pageB),在pageB中引用的JS并未成功運行。因為,JQM并為將整個頁面加載到當(dāng)前的dom中,僅將data-role="page"元素加入當(dāng)前的dom中。
因此,在<head>中引入的外部JS文件,以及<page>標(biāo)簽外的JS均不能正常運行,刷新頁面后方可加載成功。
鑒于JQM這個特性不太可能主動更改,可以用兩種方法來解決:
一是在index頁面中,注冊所有需要使用到的外部JS文件,或者使用母版頁面來統(tǒng)一;
二是將頁面內(nèi)部JS寫在data-role="page"標(biāo)簽下,這樣無論頁面怎樣跳轉(zhuǎn),均可以運行。
因此,在<head>中引入的外部JS文件,以及<page>標(biāo)簽外的JS均不能正常運行,刷新頁面后方可加載成功。
鑒于JQM這個特性不太可能主動更改,可以用兩種方法來解決:
一是在index頁面中,注冊所有需要使用到的外部JS文件,或者使用母版頁面來統(tǒng)一;
二是將頁面內(nèi)部JS寫在data-role="page"標(biāo)簽下,這樣無論頁面怎樣跳轉(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)文章
BootStrap中jQuery插件Carousel實現(xiàn)輪播廣告效果
輪播廣告在網(wǎng)站中的應(yīng)用實在是太常見了,下面說一說怎樣使用bootstrap中的Carousel插件來實現(xiàn)輪播廣告效果,感興趣的朋友一起看看吧2017-03-03jQuery toggleClass應(yīng)用實例(附效果圖)
這篇文章主要介紹了jQuery toggleClass的應(yīng)用,需要的朋友可以參考下2014-04-04JQuery和html+css實現(xiàn)帶小圓點和左右按鈕的輪播圖實例
下面小編就為大家?guī)硪黄狫Query和html+css實現(xiàn)帶小圓點和左右按鈕的輪播圖實例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07Jquery實現(xiàn)遮罩層的簡單實例(就是彈出DIV周圍都灰色不能操作)
下面小編就為大家?guī)硪黄狫query實現(xiàn)遮罩層的簡單實例(就是彈出DIV周圍都灰色不能操作)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07jquery 中多條件選擇器,相對選擇器,層次選擇器的區(qū)別
jquery 中多條件選擇器,相對選擇器,層次選擇器的區(qū)別介紹,需要的朋友可以參考下2012-07-07