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

Question

我想使用 jQuery 移动框架的 data-theme 属性制作一个主题切换器。当用户单击其中包含数据主题的链接时，我所有页面的 data-theme 属性都应替换为该单击的 data-theme 属性。为了更好地了解我正在尝试做什么see this jQuery 移动网站上的页面，它与我尝试为我的页面执行的操作非常接近，只是它只更新当前页面，而我想更新所有 webApp 页面。

Answer 1

您可以将 data-theme="THEME_LETTER"设置为 php 变量。然后，页面上有用于切换主题的链接。当用户单击主题“b”的链接时，它将设置一个 session 变量，然后在每个页面加载时，PHP 将设置 THEME_LETTER 以反射(reflect)他们的选择。

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

数据主题=“<?php echo $_SESSION['THEME_LETTER']; ?>”