如何使用jQuery mobile的data-theme属性制作主题切换器

Question

我想使用jQuery移动框架的data-theme属性创建一个主题切换器。 当用户单击其中包含数据主题的链接时，应使用此单击的data-theme属性替换我的所有页面的data-theme data-theme属性。 为了更好地了解我正在尝试做什么， 请在jQuery移动网站上看到这个页面，它非常接近我正在尝试为我的页面做的事情，除了它只更新当前页面，我想要更新所有的webApp页面。

Answer 1

你看过jquery ui theme roller吗？它也适用于Jquery Mobile

http://jquerymobile.com/themeroller/

生成一组主题并相应地切换它。 这是关于切换的链接： http ： //midnightprogrammer.net/post/Change-Page-Themes-Dynamically-Using-JQuery-Theme-Roller.aspx

Answer 2

您可以将data-theme =“THEME_LETTER”设置为php变量。 然后，在页面上有链接切换主题。 当用户单击主题“b”的链接时，它将设置会话变量，然后在每个页面加载时，将由php设置THEME_LETTER以反映其选择。

在HTML中，它看起来像这样：

data-theme =“ <?php echo $_SESSION['THEME_LETTER']; ?> ”