Question

我有一个带有选择菜单的简单表格：

<div data-role="page">
    <div data-role="popup" id="popupAddItem">
        <select name="select-choice" data-native-menu="false">
            <option>Select an option</option>
            <option value="a">A</option>
        </select>
    </div>
    <a href="#popupAddItem" data-rel="popup" data-role="button" data-icon="info">Add Item</a>
</div>

我添加data-native-menu="false"以便下拉列表看起来更好，但如果表单位于弹出窗口内，它似乎无效。

所以，如果我删除data-role="popup"，那么自定义选择元素似乎可以正常工作，否则不会。

这是一个错误，还是我做错了什么？见jsfiddle

Answer 1

我的理解是，自定义选择菜单呈现为弹出窗口并且jQM中的弹出窗口无法链接。

您可以使用jQM模式对话框而不是弹出窗口来实现类似的效果。

<div data-role="page">
    <a href="#popupAddItem" data-rel="dialog" data-role="button" data-icon="info">Add Item</a>
</div>
<div data-role="page" id="popupAddItem">
        <div data-role="content">
        <select name="select-choice" data-native-menu="false">
            <option>Select an option</option>
            <option value="a">A</option>
        </select>
        </div>
</div>

这是jsFiddle

如何在jquery mobile中添加自定义选择表单元素？

1 个答案: