不同的背景图像jquery移动

Question

我正在尝试在jquery mobile中为每个页面设置不同的背景图像。

<div data-role="page" id="pageone">...
    </div>

<div data-role="page" id="pagetwo">...
    </div>

正如您所看到的，每个页面都有不同的ID，所以我的想法是我可以为该ID分配背景图像（以及另一个ID的另一个图像）

#pageone {background: transparent url(URL) repeat center center !important;}
#pagetwo {background: transparent url(URL) repeat center center !important;}

图像是一种图案（非常小7x10像素）。但我无法做到。出于某种原因，它会在您加载页面时出现（在页面div之外）但它会消失。

有没有人遇到同样的问题，知道我能做些什么呢？

提前Ty：）

Answer 1

使用主题滚轮结束并在那里导入我的主题。 然后将其复制到样本b c和d中。 在我的CSS文件中，我将颜色更改为背景图像（对于每个样本，都有不同的图像） 在我的HTML中，我把：

<div data-role="page" id="pageone" class="ui-page-theme-a">...
</div>
<div data-role="page" id="pageone" class="ui-page-theme-b">...
    </div>

并且我拥有的每个页面都有自己的背景图片。