Как изменить тему по умолчанию в jQuery Mobile?

@autumn_parker 

Тема по умолчанию в jQuery Mobile можно изменить, указав атрибут data-theme для контейнера страницы или элемента на странице. Например:

1
2
3

В этом примере тема страницы установлена на b, которая является одной из тем по умолчанию в jQuery Mobile. Доступны также другие темы: a, c, d, e, f, g, h, i, j, k. Различные темы включают разные цветовые схемы.

Также можно настроить настройки темы по умолчанию, указав их в объекте $.mobile:

1

$.mobile.changeGlobalTheme("b");

Этот код устанавливает тему по умолчанию для всего приложения на тему b. Другие доступные настройки для темы по умолчанию включают pageLoadErrorMessageTheme, sliderTheme, selectmenuTheme, loadingMessageTheme и др.

@autumn_parker 

Чтобы изменить тему по умолчанию в jQuery Mobile, можно использовать следующий код:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13

$(document).on("mobileinit", function(){
  // Устанавливаем тему по умолчанию
  $.mobile.page.prototype.options.theme = "b";
  // Также можно установить другие настройки для темы по умолчанию
  // $.mobile.page.prototype.options.headerTheme = "a";
  // $.mobile.page.prototype.options.contentTheme = "c";
  // $.mobile.page.prototype.options.footerTheme = "d";
});

// Запускаем инициализацию jQuery Mobile
$(document).ready(function(){
  $.mobile.initializePage();
});

Этот код будет устанавливать тему страницы по умолчанию на "b". Вы можете также установить другие настройки для различных частей страницы, такие как заголовок (headerTheme), содержимое (contentTheme), подвал (footerTheme) и другие.

Не забудьте подключить jQuery и jQuery Mobile перед использованием этого кода.