jquery - 带有大量选项的多选控件打开一个对话框视图

Question

我的移动网站有一些多选控件。具有少量项目 (5) 的多选正常显示，如多选（移动样式/格式），但项目多于 5 的多选在新页面中显示为拨号视图。我应该怎么做才能防止多选出现视图？谢谢！多选代码：

<div class="field ">
        <label for="offices" class="select">
            Office(s):
        </label>
        @Html.ListBoxFor(m => m.Offices, Model.ListOfOffices, new { Multiple = "multiple", data_theme = "a", data_overlay_theme = "c", inline = "true", data_native_menu = "false" })
 </div> 

Answer 1

我知道的唯一选项是本机表单元素选项

• http://jquerymobile.com/demos/1.2.0/docs/forms/forms-all-native.html

尽管该框架自动将表单元素和按钮增强为触摸输入优化控件以简化开发，但很容易告诉 jQuery Mobile 不理会这些元素，因此可以使用标准的原生控件来代替。

将 data-role="none" 属性添加到任何表单或按钮元素会告诉框架不应用任何增强的样式或脚本。下面的例子都有这个属性来演示效果。您可能需要编写自定义样式来布置表单控件，因为我们试图保持所有默认样式不变。

从 1.1 版开始，将 data-enhance="false" 属性添加到任何容器都会告诉框架不要增强内部的任何元素。要激活此功能，必须将 $.mobile.ignoreContentEnabled 设置为 true。使用前查看配置默认值。