具有大量选项的多选控制打开对话框视图

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

我唯一知道的是Native form elements选项

• 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。在使用之前查看配置默认值。