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)，均可以運行。
您可能感興趣的文章:
相關文章
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)動態(tài)向上滾動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
BootStrap中jQuery插件Carousel實現(xiàn)輪播廣告效果
輪播廣告在網(wǎng)站中的應用實在是太常見了，下面說一說怎樣使用bootstrap中的Carousel插件來實現(xiàn)輪播廣告效果,感興趣的朋友一起看看吧2017-03-03
這篇文章主要介紹了jQuery Mobile自定義標簽的相關資料,需要的朋友可以參考下2016-01-01
這篇文章主要介紹了jQuery toggleClass的應用,需要的朋友可以參考下2014-04-04
JQuery和html+css實現(xiàn)帶小圓點和左右按鈕的輪播圖實例
下面小編就為大家?guī)硪黄狫Query和html+css實現(xiàn)帶小圓點和左右按鈕的輪播圖實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
LCD想必大家都有見到過吧，本文為大家介紹的就是使用jquery模擬LCD時鐘，以下是HTML文件源代碼2014-06-06
本文主要介紹了jquery獲取下拉框中的循環(huán)值的方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)簡單QQ聊天框，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
Jquery實現(xiàn)遮罩層的簡單實例(就是彈出DIV周圍都灰色不能操作)
下面小編就為大家?guī)硪黄狫query實現(xiàn)遮罩層的簡單實例(就是彈出DIV周圍都灰色不能操作)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
jquery 中多條件選擇器,相對選擇器,層次選擇器的區(qū)別
jquery 中多條件選擇器,相對選擇器,層次選擇器的區(qū)別介紹，需要的朋友可以參考下2012-07-07