2012-07-08 35 views
0

这里的想法 - 构建基于HTML5/jQuery/jquerymobile /本地存储的移动/平板电脑应用程序,旨在通过Phonegap或Nomad用于目的原生移动设备支持。如何处理多个页面中的脚本和css文件的链接HTML/jquery only应用程序

这本身并不是一个问题,基本上正在进行中。该应用程序最初是作为.net Razor/MVC开始的,但它看起来像仅用于使用Phonegap/Nomad的HTML5页面,因此失去了Layouts/Masterpages的功能。

问题是有没有办法处理关于链接到JavaScript和CSS资源的主页类型功能,以便如果我们更改或更新,我们不必手动更新多个文件?该应用程序可能会有大约20个独立的页面,我不想构建一个大的HTML页面,其中定义了所有的“页面”,这将变得太杂乱。

回答

0

嗨杰夫欢迎SO(堆栈溢出)。好消息是,因为它是一个phonegap应用程序,您只需在索引页面中定义css或js文件即可开始使用。其余的可以是“页面片段”。 JQM将利用ajax加载其他页面,无论如何将忽略<head>部分。 JQM只是寻找<div data-role="page">并将其插入到第一页。因此,随时保持它的简单,只是有这样的事情:

<div data-role="page"> 
    <div data-role="header"> 
     <h1>Page Fragment</h1> 
    </div> 
    <div data-role="content"> 
     <p>This page gets pulled into the first pages dom when you click on the link to it.</p> 
    </div> 
</div> 

请注意,你不会想这样做的web应用程序,因为有人可能点击刷新或者可以通过链接或抵达该页面直接输入。然而,我看到没有理由不这样做,因为他们无法打电话刷新等方式

相关问题