JQuery Mobile 1.4.5 - ui-mini переопределен темой css
Я обновляю сайт с JQM 1.2.1 до 1.4.5, и у меня нет кнопок для применения стилей для класса ui-mini с зависимостями в правильном порядке (насколько мне известно ).
//default JQM CSS:
<link href = "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />
//custom theme from ThemeRoller:
<link href = "https://dev.domain.com/css/themes_145/theme_145.min.css" />
//JQuery and JQM JS:
<script src = "https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src = "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
Чтобы все было максимально просто, просто файлы CDN barebones и моя настраиваемая тема выше, а также div страницы с одной кнопкой внутри:
<div data-role = "page" data-theme = "a">
<a class = "ui-btn ui-mini ui-icon-arrow-r ui-corner-all ui-btn-inline ui-btn-icon-left">BUTTON</a>
</div>
При осмотре я вижу, что уменьшенные размеры шрифта и отступы, предоставляемые классом ui-mini, переопределяются настраиваемой css темы, что странно, поскольку, если я перемещаю css темы перед css JQM, сама тема переопределяется ( как я и ожидал), но в любом другом случае стили ui-mini не применяются. Пользовательская тема только что загружена с Themeroller.
Я как-то неправильно использую настраиваемую тему? Эта настройка отлично работала в 1.2.1, и я не вижу, как эта конкретная часть изменилась в этой версии.
Вот рабочий пример, демонстрирующая проблему.
Я здесь в тупике. Кто-нибудь видит, где я ошибаюсь?
Ответы 1
Хорошо, у меня была совершенно неправильная структура. Пришлось вернуться к инструкциям на продавце и загрузить структуру и пакет значков отдельно.
<link rel = "stylesheet" href = "css/themes/my-custom-theme.css" />
<link rel = "stylesheet" href = "css/themes/jquery.mobile.icons.min.css" />
<link rel = "stylesheet" href = "http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css" />
<script src = "http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src = "http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
Я вижу это, согласно этому разговору: forum.jquery.com/topic/upgrading-jquery-mobile-1-2-0-to-1-4- 5 То, что вы не должны руководить одновременно JQM CSS и темой ... но JQM не работает только с темой css. Это то поведение, которое я ожидал от 1.2.1 (тема использовалась только для цветовых схем и визуального представления, а не для таких вещей, как размер шрифта - я даже не вижу возможности для этого в ThemeRoller), поэтому я ' м не уверен, что утверждение верно.