jQuery Mobile頁面跳轉後未加載外部JS緣由分析及解決

在使用jQuery Mobile進行Web開發中,當頁面跳轉時(pageA => pageB),在pageB中引用的JS並未成功運行。由於,JQM併爲將整個頁面加載到當前的dom中,僅將data-role="page"元素加入當前的dom中。dom

所以,在<head>中引入的外部JS文件,以及<page>標籤外的JS均不能正常運行,刷新頁面後方可加載成功。開發

鑑於JQM這個特性不太可能主動更改,能夠用兩種方法來解決: 一是在index頁面中,註冊全部須要使用到的外部JS文件,或者使用母版頁面來統一; 二是將頁面內部JS寫在data-role="page"標籤下,這樣不管頁面怎樣跳轉,都可以運行。引用

相關文章
相關標籤/搜索