-1

我目前正在改造一个大型的现有 web 应用程序,该应用程序广泛使用 jQuery UI 以在移动设备上可接受地工作。我一直希望能够使用 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 UI 版本是 1.11.1,jQuery Mobile 版本是 1.4.3 - 该网站使用 Google 托管库,理想情况下应该保持这种状态,因此编辑库本身将是最后的努力.

编辑:为了验证我的假设,我现在测试了一个定制的 jQuery Mobile 版本,它使用下载构建器构建,删除了对话框小部件,而 jQuery UI 可以完美地工作。但是,如果我能以某种方式使用 Google 托管库使其工作,那仍然会更好。

4

1 回答 1

0

Dialogs are deprecated as of jQuery Mobile 1.4.0 and removed in 1.5.0. The dialog option provided by the page.dialog extension of the page widget allows you to style a page as a dialog, however, the special navigational handling will be removed. You may also consider implementing dialogs using popup widgets.

Maybe you want to use popup instead of dialog for your needs http://api.jquerymobile.com/popup/

于 2014-10-15T22:13:36.783 回答