【问题标题】:SelectMenu Widget data-native-menu attribute when in popup弹出窗口时的 SelectMenu Widget data-native-menu 属性
【发布时间】:2014-07-10 08:17:20
【问题描述】:

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

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

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

谢谢

【问题讨论】:

    标签: jquery-mobile jquery-mobile-popup


    【解决方案1】:

    这是有充分理由的。

    如您所见,有 2 种选择小部件。第一个使用具有原生外观的选择框(一个显示为 data-native-menu="true")。另一个仍然使用本机选择框,但它隐藏它并显示自定义 jQuery Mobile 选择框小部件(一个显示为 data-native-menu="false")。这个 jQuery Mobile 小部件显示为弹出窗口。这一点很重要。

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

    如果您不相信我,您可以在官方文档中找到它here,只需搜索文本:“Chaining of popups not allowed”。你会看到这段文字:

    该框架目前不支持弹出窗口的链接,因此无法嵌入从一个弹出窗口到另一个弹出窗口的链接。弹出窗口中所有带有 data-rel="popup" 的链接根本不会做任何事情。

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

    【讨论】:

    • 非常感谢您的解释,我认为可能是这样,只是我认为自定义选择是一个对话框,也许我可以使用开发工具看到。现在我必须做出选择,因为我在 1.4 版之前就开始使用对话框小部件。但现在他们说它会被弃用,所以将一些表单移到弹出控件中,这看起来不错但不支持这个选择菜单....妥协。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-03-26
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多