Question

就像问题所说，有什么方法可以动态地在JQuery Mobile中切换主题。我今天刚刚升级到beta 1，并认为如果用户可以根据需要选择自己的主题会很酷。我没有在文档中看到任何具体的内容，但当然有一些方法可以解决它，如果有人能指出我正确的方向。

Answer 1

很难肯定，但在我看来jQuery Mobile's demo内部有一个小主题切换器。看起来这是调用它的代码：

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

您可以找到主题切换器的代码right here。

没有搞乱它，但这肯定看起来像你在说什么。

Answer 2

我使用下拉列表允许我的用户选择主题。这是我用于此的代码：

  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“theme-style”创建一个<link>标记。指向您的默认链接。

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

有没有简单的方法可以使用JQuery Mobile动态切换主题？

2 个答案: