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

Пользователь

от autumn_parker , в категории: JavaScript , год назад

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от catherine_wintheiser , год назад

@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 и др.

Пользователь

от hoyt.jerde , 2 месяца назад

@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 перед использованием этого кода.