android - 在 jquery 移动选择框中显示全部内容 data-native-menu=“false”

Question

如何在 jquery mobile 中显示全部内容？我用Select盒子：

<select data-native-menu="false">

<option>Monday</option>
<option>Sunday jnnj jnkn ikni nin iuniu niun uin iun in in io nono no no n oino  on i </option>
<option>Tuesday</option>

http://jsfiddle.net/8xusq/65/

Answer 1

首先给你的选择一个ID：

<select data-native-menu="false" id="mySelect">...

对于 data-native-menu="false"，jQM 创建一个弹出窗口或一个对话框（取决于列表的长度和可用空间）来显示选项。创建的弹出窗口或对话框的 ID 是选择 ID 加上“-listbox-popup”或加上“对话框”。

因此，您可以添加允许选项文本换行的 CSS：

#mySelect-listbox-popup ul li a.ui-link-inherit, #mySelect-dialog ul li a.ui-link-inherit {
    white-space: normal;
}

更新了 FIDDLE