Есть ли способ применить мою тему ролика пользовательского интерфейса на моем мобильном сайте jquery?

Question

Я уже создал стандартный сайт, используя модифицированную тему ролика для пользовательского интерфейса jQuery. Я пытаюсь применить ту же тему к моему мобильному сайту jQuery. Кажется, что многие из классов CSS не совпадают.

.ui-btn      <-- in mobile
.ui-button   <-- in theme roller

Есть ли инструмент, который помогает сопоставить два из них?

Answer 1

ОБНОВЛЕНИЕ: Это здесь:

• http://jquerymobile.com/blog/2011/10/28/announcing-themeroller-for-mobile-beta/

Я знаю, что jQM также работает над Тематическим роликом:

• http://jquerymobile.com/blog/

Связанный:

• http://jquerymobile.com/test/docs/api/themes.html
• http://as001.productscape.com/themeroller.cfm

ThemeRoller Mobile: скоро!

Мы работаем над совершенно новым инструментом ThemeRoller, созданным из основа для JQuery Mobile. Тайлер Бенцингер из Adobe был возглавить усилия по развитию (спасибо Тайлер!), и мы очень закрыть для бета-версии, готовой к выпуску Мы действительно взволнован, чтобы показать это, потому что есть много супер крутых функций что делает невероятно простым создание потрясающей темы за считанные минуты.

Если вы собираетесь участвовать в конференции jQuery в Бостоне, вы получите незаметно взглянуть на мобильное выступление со Скоттом и Тоддом. Искать бета-версия будет запущена в течение ближайшей недели или двух.

Answer 2

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

Пример:

$('.ui-btn').addClass('ui-button');

Answer 3

Вы можете взломать решение на место;когда два CSS-класса имеют одно и то же назначение, но разные имена, вы можете перейти к ThemeRoller CSS и найти экземпляры «ui-button» и изменить его так, чтобы (например) строка показала:

.ui-button { rule }

становится

.ui-button, .ui-btn { rule }

Но, черт возьми, это безобразный взлом, а не реальное решение.А если правила более сложные, вы не можете просто выполнить поиск и замену.Все это тоже раздражало бы поддерживать.То же самое для модификации базы любого JavaScript;Вы можете изменить все манипуляции с DOM, которые добавляют «ui-btn», вместо этого добавляя «ui-button», но это кошмар обслуживания.

Существует jQuery UI Mobile ThemeRoller, который скоро будет выпущен.Вы можете просто подождать этого и создать новую тему, которая имитирует вашу старую.Поражает меня как путь.В противном случае, если он не может ждать, я бы сейчас просто перенес бы любые стили из ThemeRoller в таблицу стилей Mobile.Это ручной труд, но он более перспективен на будущее.