在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