动态更改主题

Question

我正在用jQuery Mobile和PhoneGap制作应用程序。我想动态chnge主题，所以我somethinglike这使：

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

的问题是，主题只有元素或例如在“自来水”事件滚动鼠标后更改。

如何解决它无需重新加载页面？我想设置一个主题，并在我的所有网站上开始使用。

Answer 1

你不能以你想要的方式。当jQuery手机在之前查看data-theme属性时，该页面显示出来，它对你来说很神奇。也就是说，它会根据所选主题更改应用的CSS规则。因此，如果您不想重新加载页面，则必须更改css规则而不是data-theme属性。这样的事情：

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