当我使用此设置时，我在对话框中的表单中有一个，在弹出窗口中的表单中有一个。下拉菜单看起来不同。
当 data-native-menu="false" 对话框中的下拉菜单出现在另一个对话框中时，实际上看起来相当不错。我认为这将允许跨设备的外观和感觉更加一致。
但是，当我在弹出窗口中的 Select 上使用此设置 data-native-menu="false" 时，它不会显示标准选择，而不是对话框。
谢谢
问问题
828 次
1 回答
2
这是有充分理由的。
如您所见，有 2 种选择小部件。第一个使用具有原生外观的选择框（一个显示为 data-native-menu="true"）。另一个仍然使用本机选择框，但它隐藏它并显示自定义 jQuery Mobile 选择框小部件（一个显示为 data-native-menu="false"）。这个 jQuery Mobile 小部件显示为弹出窗口。这是重要的一点。
其次，提到的问题是无法解决的，至少从当前的 jQuery Mobile 框架来看，这就是原因。简而言之，当使用 jQuery Mobile 弹出窗口时，一个弹出窗口无法打开另一个弹出窗口。两个弹出窗口可以同时存在。您始终可以在打开另一个弹出窗口之前关闭一个弹出窗口，但这在您的情况下不可用。因为 jQuery Mobile 选择小部件是弹出窗口，所以它不能在经典弹出窗口小部件中使用。
如果您不相信我，您可以在此处的官方文档中找到它，只需搜索文本：“Chaining of popups not allowed”。你会看到这段文字：
该框架目前不支持弹出窗口的链接，因此无法嵌入从一个弹出窗口到另一个弹出窗口的链接。弹出窗口中所有带有 data-rel="popup" 的链接根本不会做任何事情。
另一方面，对话框是经典 jQuery Mobile 页面的变体，只是具有较大的边距和半透明的覆盖。它可以用来显示弹出窗口，就像普通的 jQUery Mobile 页面一样。
于 2014-05-21T15:37:03.613 回答