使用jQuery Mobile的jQuery-UI .dialog?

时间:2014-10-15 20:45:24

标签: jquery jquery-ui jquery-mobile jquery-ui-dialog jquery-mobile-dialog

我目前正致力于改造现有的大型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托管库,理想情况下应保持这种方式,因此编辑库本身将是最后一个 - 努力。

编辑:为了验证我的假设,我现在测试了一个用the download builder构建的自定义jQuery Mobile版本,删除了对话框小部件,jQuery UI与之完美配合。但是,如果我能以某种方式使用谷歌托管库来实现这一点,那将是更好的选择。

1 个答案:

答案 0 :(得分:0)

  

自jQuery Mobile 1.4.0起,不推荐使用对话框,并在1.5.0中将其删除。   页面的page.dialog扩展提供的对话框选项   小部件允许您将页面样式设置为对话框,但是,特殊的   导航处理将被删除。你也可以考虑一下   使用弹出窗口小部件实现对话框。

也许您想使用弹出窗口而不是对话框来满足您的需求 http://api.jquerymobile.com/popup/