Jquery Mobile 在同一文件中具有多个 <div data role=page> 的相同背景

Question

我制作了一个带有多个 data-role=page div 的 jquery 移动页面以在页面内导航。

问题是我需要保留相同的背​​景图片，当我在页面内导航时不会刷新或移动。

有什么办法吗？

Answer 1

您可以从伪页面元素中删除默认背景，然后将自定义背景添加到 body 元素。这可以通过 CSS 完成:

.ui-mobile .ui-page {
    background : transparent;
}
body {
    background : url(...);
}

这是一个演示:http://jsfiddle.net/jasper/feZJ7/2/

这将为所有页面应用相同的背景。您可以只使用 CSS 定位 .ui-mobile .ui-page 元素来分别更改它们的背景。