JQuery Mobile для мобильных и настольных ПК?

Я разрабатываю веб-приложение. MySql/PHP back-end и интерфейс HTML/jQuery.

Я хотел использовать jQuery UI framework.

Теперь видно, что jQuery Mobile отсутствует, и я хочу сделать приложение доступным для мобильных устройств как можно больше.

I Googled, но не нашел качественного ответа.

Могу ли я сделать все, чтобы работать с тем же кодом, если я использую jQuery Mobile?

Мне бы хотелось, чтобы он показывал мобильные виджеты при доступе к мобильному браузеру.
Но использовать виджеты jQuery UI можно получить из браузера рабочего стола.

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

То есть, может jQuery Mobile автоматически "отпадать" в пользовательский интерфейс jQuery, если он доступен из браузера рабочего стола.

Ответ 1

Я думаю, что это во многом зависит от того, что вы хотите делать, и от функций, которые вы пытаетесь захватить. Если вы хотите, чтобы веб-страница вела себя определенным образом на мобильных устройствах и на одном рабочем столе, то с осторожным кодированием/тестированием вы будете в порядке с jquery.mobile.

Если вы посмотрите CSS для jquery.mobile(несжатая версия), вы можете фактически отредактировать код непосредственно, чтобы показать элементы HTML так, как вы хотите, для определенных размеров экрана. Просто выберите один для размера рабочего стола/большого экрана, чтобы масштабировать его соответствующим образом.

В зависимости от того, что вы пытаетесь выполнить с точки зрения своей мобильной версии, я также проверил jQTouch - который позволяет использовать определенные для мобильных устройств функции, такие как как "коснитесь" (вместо "click"), а также имеет параметр desktopCompatability, поэтому он возвращается для настольных браузеров.

Одно замечание: с любой из этих библиотек вам все равно понадобится библиотека корневого jquery.

Надеюсь, что это поможет.

Ответ 2

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

Во-вторых, два интерфейса пользовательского интерфейса сильно различаются в том, как они используются. jQuery UI - это набор виджетов, которые вы можете вызывать, когда захотите, и где вам нравится, это в некотором смысле библиотека (ish) с поддержкой фреймворка CSS. jQuery mobile работает совсем по-другому, но по умолчанию это среда с разметкой, и для ее запуска и запуска она не требует, чтобы вы писали даже одну строку Javascript.

Мое советую вам подумать о том, что слой данных, как ваш общий код, и клиентская сторона - как две совершенно отдельные части работы. Лично мне удалось создать приложения, используя общие веб-службы REST. Я использую пользовательский интерфейс jQuery для использования web-сервисов и создания мэшапов для клиентской стороны. Затем я для мобильной версии потребляю серверы webservices для создания jQuery-мобильных html-страниц для использования на мобильных устройствах.

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

Ответ 3

Вот полный исходный код: https://github.com/ti-dev/Scrum-it для Scrum Board с открытым исходным кодом, который предназначен для настольных устройств и Apple iPad. Таким образом, можно объединить эти два мира на одной веб-странице.