动态改变主题

Question

我正在使用jQuery Mobile和PhoneGap制作应用程序。我想动态地改变主题，所以我做了类似的事情：

function theme()
{
    Array.prototype.forEach.call(document.getElementsByTagName("*"), function (el) {
    el.setAttribute("data-theme", "e");
});
}

问题是主题只有在元素上滚动鼠标后才会改变，例如在＆＃34; tap＆＃34;事件

如何在不重新加载页面的情况下修复它？我想设置一个主题并在我的所有网站上启动它。

Answer 1

你不能以你的方式尝试。当jQuery mobile查看显示页面之前的data-theme属性 时，它会为您带来魔力。也就是说，它根据选择的主题更改应用的CSS规则。因此，如果您不想重新加载页面，则必须更改css规则而不是data-theme属性。像这样：

$('#button1').css(....);