动态变化的主题

Question

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

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

问题是主题只有在鼠标滚动到元素上或例如“点击”事件后才会发生变化。

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

Answer 1

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

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