Fatal编程技术网
  • jquery/
  • jQuery移动更改页面更改上的正文背景图像

jQuery移动更改页面更改上的正文背景图像

jquery html css jquery-mobile

jQuery移动更改页面更改上的正文背景图像,jquery,html,css,jquery-mobile,Jquery,Html,Css,Jquery Mobile,我有以下场景，两个页面具有不同的主体id。这是为了在每个主体上设置不同的背景。但是，当我从第1页导航到第2页时，背景保持不变。有没有办法在页面更改时设置背景图像 第1页： HTML: <body> ...html content </body> 这适用于正常的页面加载，但是当使用jquerymobile从page1到达page2时，背景不会改变 任何帮助都将不胜感激，提前感谢。尝试为page1的body tag提供一个id，并在第一条规则中指定目标。因此，与其使用

我有以下场景，两个页面具有不同的主体id。这是为了在每个主体上设置不同的背景。但是，当我从第1页导航到第2页时，背景保持不变。有没有办法在页面更改时设置背景图像

第1页：

HTML:
<body>
   ...html content
</body>
这适用于正常的页面加载，但是当使用jquerymobile从page1到达page2时，背景不会改变

任何帮助都将不胜感激，提前感谢。

尝试为page1的body tag提供一个id，并在第一条规则中指定目标。因此，与其使用
body{…}
，不如使用
#firstBG{…}
。这样，page2甚至不会尝试提取第一页的背景

您的第2页仍然显示第1页的背景？您将代码从：body{…}更改为#firstBG{…}？如果您使用F12进行检查，并检查第一页上的body标记，您可以看到右侧应用了什么CSS规则。当然，静态加载页面是可行的，但是当使用jquerymobile从第1页导航到第2页时，背景不会改变。我想这与jquery移动设备导航页面的ajax方式有关，但是由于项目要求，我不能禁用这种ajax导航。您能在页面加载时向页面2添加一些javascript吗？如果是这样的话，也许您可以在page2加载后立即通过jQuery更改背景。
body
与Ajax仅将page2的div加载到DOM中保持相同。如果要禁用Ajax，请将
data Ajax=“false”
或
rel=“external”
添加到锚点。 
HTML:
<body id="myOtherBg" >
   ...html content
</body>

 body{
        background: url(../img/background_white.png) center center no-repeat;
    }

    #myOtherBg{
        background: url(../img/background_white.png) center center no-repeat;
    }