Есть ли простой способ динамического переключения тем с помощью JQuery Mobile?

Question

Как следует из вопроса, есть ли способ динамического переключения тем в JQuery Mobile.Я только что обновился до бета 1 сегодня и подумал, что было бы здорово, если бы пользователь мог выбрать собственную тему, если он этого хочет.Я не видел ничего в документации, чтобы сделать это специально, но, безусловно, есть какой-то способ сделать это, если кто-то может просто указать мне правильное направление.

Answer 1

Вряд ли, но, на мой взгляд, В демоверсии jQuery Mobile есть небольшой переключатель тем.Похоже, что это код, который вызывает его:

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

Вы можете найти код переключателя тем прямо здесь .

Не возиться с этим, ноэто похоже на то, о чем вы говорите.

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
    }); 

  }

Создайте тег <link> с идентификатором "theme-style".Сделайте так, чтобы он указывал на вашу ссылку по умолчанию.

Я использую ролик тем, чтобы создать свои темы и добавить их в подкаталог в моем каталоге css / themes, названный для темы, которую он представляет.Я помещаю это значение в раскрывающемся списке для отображения пользователям.