更改 jQuery Mobile 的默认数据主题

Question

借助 jQuery Mobile，我可以使用自定义主题创建页面

<div data-role="page" data-theme="s" id="home">...

现在这可以工作，但需要我在每个页面中以及每次添加新页面时添加此行。我尝试将 data-theme="s" 添加到 body 标记，但这没有任何影响。除了每页手动设置之外，还有什么方法可以做到这一点吗？

Answer 1

AFAIK，你必须以编程方式完成它。

大致如下：

$(document).bind( "mobileinit", function () 
{
    ...
    $.mobile.page.prototype.options.contentTheme = "z"; //your theme
    ...
});

现在，由于没有集中的挂钩 - 您将必须对所有主题选项执行类似的操作：

$.mobile.page.prototype.options.headerTheme
$.mobile.page.prototype.options.footerTheme

等等。

我没有所有这些选项的列表，但快速浏览一下 jquery.mobile-1.0rc1.js 搜索 .prototype.options. 就会发现：

$.mobile.page.prototype.options.backBtnTheme
$.mobile.page.prototype.options.headerTheme
$.mobile.page.prototype.options.footerTheme
$.mobile.page.prototype.options.contentTheme
$.mobile.listview.prototype.options.filterTheme

所以在我看来，你可以跟着这些走，并在走的过程中发现更多。 请注意，并非所有这些都是这样创建的 - 有些是在代码中动态构造的。查找 Theme 字符串即可明白我的意思。

更新

$.mobile.page.prototype.options.theme 也应该更新 - 基于 Moak 下面的评论。

Answer 2

以下内容对我有用。只需确保在 JQM 初始化后调用它即可。

$.mobile.page.prototype.options.theme = "b";