JQuery Mobile по умолчанию - тема

Кто-нибудь знает, как установить тему по умолчанию для jquery-mobile?

Похоже, что необходимо установить тему данных для каждого компонента.

Даже когда вы устанавливаете тему данных для роли данных страницы, она не соблюдается загруженными списками и другими компонентами.

Не хватает ли какой-либо страницы руководства?

Ответы

Ответ 1

Как сказал Джоэл, вы должны перезаписать значения по умолчанию. На данный момент похоже, что другого пути нет.

Возьмите образец кода Джоэля:

<script src="jquery.js"></script>
<script src="custom-scripting.js"></script>
<script src="jquery-mobile.js"></script>

Настройте свой custom-scripting.js

Это пример кода с несколькими дополнительными параметрами, которые вы можете настроить:

$(document).bind("mobileinit", function () {

    // Navigation
    $.mobile.page.prototype.options.backBtnText = "Go back";
    $.mobile.page.prototype.options.addBackBtn      = true;
    $.mobile.page.prototype.options.backBtnTheme    = "d";

    // Page
    $.mobile.page.prototype.options.headerTheme = "a";  // Page header only
    $.mobile.page.prototype.options.contentTheme    = "c";
    $.mobile.page.prototype.options.footerTheme = "a";

    // Listviews
    $.mobile.listview.prototype.options.headerTheme = "a";  // Header for nested lists
    $.mobile.listview.prototype.options.theme           = "c";  // List items / content
    $.mobile.listview.prototype.options.dividerTheme    = "d";  // List divider

    $.mobile.listview.prototype.options.splitTheme   = "c";
    $.mobile.listview.prototype.options.countTheme   = "c";
    $.mobile.listview.prototype.options.filterTheme = "c";
    $.mobile.listview.prototype.options.filterPlaceholder = "Filter data...";
});

Должны быть и другие параметры, например:

$.mobile.dialog.prototype.options.theme
$.mobile.selectmenu.prototype.options.menuPageTheme
$.mobile.selectmenu.prototype.options.overlayTheme

Здесь вы можете найти дополнительные настройки: http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.js

Ответ 2

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

Для этого просто добавьте следующее между загрузкой jquery и загрузкой jquery.mobile.js.

Пример:

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

<script src="jquery.js"></script>
<script src="custom-scripting.js"></script>
<script src="jquery-mobile.js"></script>

Итак, в "custom-scripting.js" введите следующее...

$(document).bind("mobileinit", function () {
   $.mobile.listview.prototype.options.headerTheme = "a";
});

Где "a" - это тема, которую вы хотите применить к вложенным заголовкам.

Или вы можете просто переопределить его в мобильном источнике jquery, ищите "headerTheme", это будет вокруг строки 5020

Ответ 3

Темы a, b, c, d и e все находятся в файле css, если вы хотите использовать специальную тему, вы можете использовать f-z, скопировать a и изменить ее на вашу букву темы. добавьте в свой элемент data-theme = "z" 

<body> 
<div data-role="page" id="apply" data-theme="z">
...
</div>
</body>

Ответ 4

Насколько я видел, вы должны установить тему для div страницы, и она будет унаследована внутри.