如何使用jQuery mobile'的数据主题属性

how to make a theme switcher using the jQuery mobile's data-theme attribute

本文关键字:数据 属性 何使用 jQuery mobile      更新时间:2023-09-26

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

您可以将数据主题="THEMELETTER"设置为php变量。然后,在页面上设置切换主题的链接。当用户单击主题"b"的链接时,它将设置一个会话变量,然后在每次加载页面时,php将设置theme_LETTER以反映他们的选择。

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

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

你看过jquery ui主题滚轮吗?,它也可用于Jquery Mobile

http://jquerymobile.com/themeroller/

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