cordova - 动态变化的主题

Question

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

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

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

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

score 0 · Accepted Answer

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

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

1 回答 1