jQuery Mobile 多选框

Question

因此，多选框并不是世界上最好的输入，但有时它们也很好。在我的 jQuery mobile 例子中，他们创建了一个对话框，该对话框覆盖了页面，其中包含用户可以选择的所有选项。

<div data-role="fieldcontain">
    <label for="select-choice-1" class="select">Choose shipping method:</label>
    <select name="select-choice-1" id="select-choice-1" multiple="multiple">
        <option value="standard">Standard: 7 day</option>
        <option value="rush">Rush: 3 days</option>
        <option value="express">Express: next day</option>
        <option value="overnight">Overnight</option>
    </select>
</div>

好吧，现在我遇到的问题是我需要在底部添加一个关闭按钮，因为动态填充的列表对于移动页面来说可能会很长。顶部只有一个关闭按钮，效果不太好。有没有办法将页脚附加到使用多选创建的对话框中？我似乎在 jQM API 中找不到这个。

Answer 1

除非你想疯狂地编辑他们的 CSS，否则不会。话虽这么说，您可以添加“关闭”作为选项，然后在单击时触发对话框关闭方法:

http://jquerymobile.com/demos/1.1.0-rc.1/docs/forms/selects/methods.html