我是混合應用程序的新手,我在我的混合應用程序中使用PhoneGap,Jquery mobile,我的應用程序中有近10個單獨的頁面(如login.html,index.html,search.html等)。我的問題是「我是否需要在每個頁面中包含所有Js,css文件?或者只需要將js和css文件包含在第一個應用程序的頁面中」?如何保持多頁面模板PhoneGap?
問題的原因是我注意到所有的內頁都從第一頁獲得了所有的CSS和js。是嗎?
我是混合應用程序的新手,我在我的混合應用程序中使用PhoneGap,Jquery mobile,我的應用程序中有近10個單獨的頁面(如login.html,index.html,search.html等)。我的問題是「我是否需要在每個頁面中包含所有Js,css文件?或者只需要將js和css文件包含在第一個應用程序的頁面中」?如何保持多頁面模板PhoneGap?
問題的原因是我注意到所有的內頁都從第一頁獲得了所有的CSS和js。是嗎?
如果您執行ajax加載來加載單獨的頁面,則不需要將js,css引用放在多個頁面中。
例如:
<a href="multipage.html" rel="external" data-ajax='true'>Multi-page link</a>
或動態
$.mobile.changePage("multipage.html", { transition: "slideup", changeHash: false });
在這種情況下,沒有必要把所有的文件的引用。 multipage.html將只包含正文內容。
但是如果你使用一個完整的頁面負載,就像
window.location='multipage.html';
在這種情況下,在multipage.html
文件,你再次添加JS,CSS引用。
感謝您的回答@AtanuCSE :),爲什麼我們需要「阿賈克斯負載」? 「Ajax負載」的目的是什麼? –
你需要閱讀這個頁面才能得到一些想法。 http://demos.jquerymobile.com/1.4.5/navigation-linking-pages/看到這個'爲了啓用動畫頁面轉換,所有指向外部頁面的鏈接(例如products.html)將通過Ajax加載。 '在jquery mobile中加載頁面有不同的方法。閱讀鏈接,這將清楚你。 – AtanuCSE
如果您要開發移動網站或任何其他網站,您將如何使用css和js文件,與在cordova,www文件夾中使用它的方式相同。如果每頁都有不同的css和js,我的猜測是你必須將它包含在每個頁面中。 – paje007