javascript - 不同的背景图片jquery mobile

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 之外)，但随后消失。

有没有人遇到同样的问题，知道我该怎么办？

提前联系:)

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>

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