jquery - Jquery Mobile在同一个文件中具有多个相同的背景

Question

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

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

有什么办法吗？

Answer 1

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

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

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

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