每个网页上都有jQuery移动appyling

时间:2015-05-10 04:50:14

标签: html jquery-mobile

我正在学习jQuery mobile。我有3个网页:Home,About&联系我们。 我在做的是:

<link rel="stylesheet"  href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

我只想在主页上应用jQuery移动功能而不是其他两个。 我只在主页上编写了这段代码。但是在浏览器中查看此页面时,另外两个页面也使用了jQuery移动功能。 我不知道为什么会这样。 如果我的问题得到解决将会很棒。

2 个答案:

答案 0 :(得分:0)

jQuery移动框架设计为&#34;单页&#34;,这里是here

的描述
  

jQuery Mobile旨在使用简单的页面链接约定。从本质上讲,您可以像往常一样链接页面和资源,jQuery Mobile将在可能的情况下使用Ajax自动处理单页模型中的页面请求。当Ajax不可能时(例如非同一域url,或者如果使用链接上的某些属性指定),则使用普通的http请求。

考虑在自动初始化时调整配置选项:https://api.jquerymobile.com/global-config/

答案 1 :(得分:0)

我不确定我是否100%理解您的问题,但一个好的做法是将每个页面设置为风格化。然后添加&#34;!important&#34;到每一行。我知道人们可能会说这是不好的做法,但jQuery mobile有点奇怪,而且对我有用

#home{
    background-color: red !important;

}
#page2{
} etc etc