在弹出窗口中选择窗口小部件数据原生菜单属性



当我使用这个设置时,我在一个对话框中的表单中有一个,在一个弹出框中的表单中有一个。下拉菜单看起来不一样。

当data-native-menu="false"时,对话框中的下拉菜单出现在另一个对话框中,这实际上看起来相当不错。我认为这将使不同设备的外观和感觉更加一致。

但是,当我在弹出式中选择时使用此设置data-native-menu="false"时,它不会显示标准选择,而不是对话框。

谢谢

这是有原因的。

可以看到有两种选择小部件。第一个使用原生选择框(其中一个显示为data-native-menu="true")。另一个仍然使用原生选择框,但它隐藏了它,并显示自定义jQuery移动选择框小部件(一个显示data-native-menu="false")。这个jQuery移动小部件显示为弹出窗口。这一点很重要。

第二,上述问题是无法解决的,至少从目前的jQuery Mobile框架来看是无法解决的,原因如下。简而言之,当使用jQuery移动弹出窗口时,一个弹出窗口不能打开另一个弹出窗口。两个弹出窗口可以同时存在。虽然你可以在打开另一个之前关闭一个弹出窗口,但这在你的情况下是不可用的。因为jQuery Mobile选择小部件是弹出式的,所以不能在经典的弹出式小部件中使用。

如果你不相信我,你可以在官方文档中找到,只需搜索文本:"不允许链接弹出窗口"。你会看到这个文本:

框架目前不支持链接的弹出窗口,所以它是不可能嵌入一个链接从一个弹出到另一个弹出。所有在弹出窗口中带有data-rel="popup"的链接都不会做任何事情。

另一方面,对话框是经典jQuery移动页面的变体,只是有较大的边距和半透明的覆盖。它可以用来显示弹出窗口,就像普通的jQUery移动页面。

最新更新