Question

jquery mobile 动态修改主题

就是用js 怎么控制他的主题data-theme

我知道有那么一个主题属性data-theme a|b|c...但是我不懂怎么动态改他..用js改指定id的主题 怎么弄..

附带问题：我一次偶然的时候看见有那么一个写法$.mobile 后面我就忘记了，我知道这个估计的jquery mobile 特有的属性修改器，还是什么，可以顺便跟我讲讲这个怎么用，都有什么方法和属性...我在这个发开文档没见写有...不太懂这方面，说的详细的加分

Answer 1

你 要想动态改那是比较麻烦的事情。因为生成的页面中有多少个theme-a|b 这个样的标签不确定。何况动态改了，点其他的又会被动态还原会以前的主题。所以靠谱的作法不是动态修改class名称，而是：

$(document).bind("mobileinit", function () {
    // Navigation
    $.mobile.page.prototype.options.backBtnText = "Go back";
    $.mobile.page.prototype.options.addBackBtn      = true;
    $.mobile.page.prototype.options.backBtnTheme    = "d";

    // Page
    $.mobile.page.prototype.options.headerTheme = "a";
    $.mobile.page.prototype.options.contentTheme    = "c";
    $.mobile.page.prototype.options.footerTheme = "a";

    // Listviews
    $.mobile.listview.prototype.options.headerTheme = "a";     
    $.mobile.listview.prototype.options.theme           = "c";
    $.mobile.listview.prototype.options.dividerTheme    = "d";
    $.mobile.listview.prototype.options.splitTheme   = "c";
    $.mobile.listview.prototype.options.countTheme   = "c";
    $.mobile.listview.prototype.options.filterTheme = "c";
    $.mobile.listview.prototype.options.filterPlaceholder = "Filter data...";
});