Диалоговое окно jQuery-UI с jQuery Mobile?

Question

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

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

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

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

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

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

Answer 1

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

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