jQuery-UI's .dialog с jQuery Mobile?

Question

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

Я предполагаю, что это происходит потому, что jQuery Mobile также имеет метод .dialog, который функционально несовместим с стилем jQuery UI для создания диалогов.

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

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

Версия пользовательского интерфейса jQuery на сайте - 1.11.1, а версия jQuery Mobile - 1.4.3. Сайт использует размещенные в Google Библиотеки и в идеале должен оставаться таким образом, поэтому редактирование самих библиотек было бы последнее усилие.

Редактировать: Чтобы подтвердить мои предположения, я протестировал настроенную версию jQuery Mobile, созданную с помощью the download builder, которая удаляет виджет диалогового окна, и пользовательский интерфейс jQuery отлично работает с этим. Тем не менее, было бы предпочтительнее, если бы я мог заставить это работать с помощью Google Hosted Library.

Answer 1

Диалоги устарели от jQuery Mobile 1.4.0 и удалены в 1.5.0. Диалоговое окно, предоставляемое расширением page.dialog на странице , виджет позволяет вам стилизовать страницу в виде диалога, однако специальная навигационная обработка будет удалена. Вы также можете рассмотреть реализацию диалогов с использованием всплывающих виджетов.

Может быть, вы хотите использовать всплывающее окно вместо диалога для ваших нужд http://api.jquerymobile.com/popup/