有什么简单的方法可以用JQueryMobile动态切换主题吗

Is there any easy way to switch themes dynamically with JQuery Mobile?

本文关键字：动态 JQueryMobile 简单 什么 方法      更新时间：2023-09-26

就像问题所说的，有没有办法在JQuery Mobile中动态切换主题。我今天刚升级到测试版1，觉得如果用户愿意，可以选择自己的主题，那会很酷。我在文档中没有看到任何具体的方法，但如果有人能为我指明正确的方向，肯定有办法做到这一点。

不太确定，但在我看来，jQuery Mobile的演示中有一个小的主题切换程序。看起来这是调用它的代码：

$("#someElement").bind("vclick", function() {
    $.themeswitcher();
});

你可以在这里找到主题切换器的代码。

我没有搞砸，但这看起来确实像你在说的。

我使用下拉菜单允许用户选择主题。这是我使用的代码：

  function changeTheme() {
    var theme = $("#ddlTheme :selected").val();
    var cssUrl = 'css/themes/' + theme + '/jquery-ui-1.8.13.custom.css';
    var themeStyle = $("#theme-style");
    themeStyle.attr({
        rel:  "stylesheet",
        type: "text/css",
        href: cssUrl
    }); 
  }

创建一个id为"主题样式"的<link>标记。使其指向您的默认链接。

我使用主题滚轮来创建我的主题，并将它们添加到我的css/主题目录下的一个子目录中，该子目录以它所代表的主题命名。我将此值放在下拉列表中以显示给用户。

相关文章：