问题标签 [jquery-mobile-dialog]

我正在使用 JQuery-mobile 开发移动应用程序，并且我的对话框出现问题，每次我尝试关闭对话框（使用默认关闭按钮）时，应用程序都会冻结。

头部代码：

相关主页代码：

对话代码：

目前激活按钮（正在进行中）只是回到主页。如果您发现任何可能导致此问题的内容，我将不胜感激您的评论。

当代码为时，页脚按钮也发生了同样的问题：

我必须删除data-rel="back"才能解决这个问题。

如果这有助于回答这个问题，我正在使用 Chrome。先感谢您。

我发现一些有点烦人的东西，并想确保我没有做任何公然错误的事情。我正在使用 jquery-mobile 1.4。

我有一个 mainpage.html，它调用了一个对话框页面.html，它被建模为一个对话框。对话页面有一个 <div data-role="page" id="dialogpage" data-dialog="true">。

dialogpage 也有一个 pageshow 事件附加到 div 页面，如下所示

我发现每次打开此对话框页面时，都会调用一个额外的 pageshow 事件。我的意思是，当我第一次打开对话框时，控制台会打印一次“pageshow dialogpage”。我第二次打开对话框时，它会打印两次。页面的第三次打开打印三次，等等

似乎每次打开页面时都会一次又一次地附加 pageshow 事件。从某种意义上说，这是有道理的，但处理起来似乎很烦人。

我的解决方案是添加一个 unbind 事件，如下所示：

这似乎可以防止“pageshow dialogpage”被多次打印。但这是否意味着我需要取消绑定对话框页面中的所有事件？

难道我做错了什么？

按下返回按钮后，JQuery 移动对话框显示不正确。

1. 第一次运行

   

2. 单击打开对话框按钮

   

3. 单击后退按钮

   

4. 再次单击打开对话框按钮

   

单击返回按钮后，对话框页面内容将复制到来自页面。这将在添加 jquery-ui 后发生。jquery mobile dialog和jquery ui之间似乎存在冲突。或者对话内容只有几行也正常。

这是我的代码： 1.From Page

2.对话页面

出于某种原因，每次我使用 changepage 打开 jquery 移动对话框时，都会将 &ui-state=dialog 附加到 URL。

前任： /search-results.html?m_search=iphone#&ui-state=dialog&ui-state=dialog&ui-state=dialog

关闭按钮代码：

我是否需要包含任何其他选项以确保此特定参数不会在 URL 中多次附加？

我目前正在改造一个大型的现有 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 托管库使其工作，那仍然会更好。

我使用了多页模板 (JQM) 并创建了一个包含 2 个页面（Page0 和 Page1）的 html 文件。加载 html 文件时，会显示 Page0。在 page0 中，有一个指向 page1 的链接。在 page1 中，我包含了一个自定义选择菜单，单击它会打开一个对话框。到目前为止，一切都很好。这是问题所在：

加载 page0 后，我单击 page1 链接，然后单击选择菜单并从中选择一个项目。此时，我希望返回 page1，但由于某些奇怪的原因，我被定向到 page0。

调查了该问题并遇到了以下讨论和非常相似的示例。

这是github上的一个很长的讨论，我遇到了同样的问题。

https://github.com/jquery/jquery-mobile/issues/4595

请访问以下链接以查看实际问题：

http://output.jsbin.com/iqogin/21

1. 点击“重定向到第1页
2. 点击“打开对话框”
3. 单击“关闭”按钮，它返回到第 0页而不是第 1 页

我用：

• jQuery手机1.4.5
• jQuery 1.11.1

有什么建议么？

我正在创建一个项目，用户输入一个名称，该名称会在框中弹出，但您可以单击以在对话框中获取更多信息。我的代码正在运行，但要让对话框正确显示完整信息，您需要在搜索字段中输入至少 4 个字符。我希望用户即使输入少于 4 个字符也能获得更多信息。见下文 ：）

搜索画面

对话画面

下面是我的脚本，我希望这对某人有意义。:)

jQuery Mobile 弹出对话框中滚动窗口的隐藏部分中的复选框不起作用并且只是跳到顶部，是否有任何原因？

只能选择在窗口高度以下未被截断的顶部。当较低的滚动到视图中并被选中时，列表只是滚动到顶部而不选择它。