jQuery Mobile Selectmenu open() 方法

简介

open() 方法是 jQuery Mobile Selectmenu 组件中的一个方法，用于打开下拉菜单。这个方法会触发 Selectmenu 的 beforeopen 和 open 事件。

语法

$( ".selector" ).selectmenu( "open" );

参数

该方法没有需要传入的参数。

返回值

该方法没有返回任何值。

用法示例

实例化 Selectmenu 组件

<label for="select-custom-24">Shipping:</label>
<select name="select-custom-24" id="select-custom-24"
    data-native-menu="false">
    <option>Choose shipping method:</option>
    <optgroup label="USPS">
        <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>
    </optgroup>
    <optgroup label="FedEx">
        <option value="firstOvernight">First Overnight</option>
        <option value="sameDay">Same Day</option>
        <option value="overnight">Standard Overnight</option>
        <option value="priority">Priority Overnight</option>
        <option value="economy">2Day</option>
        <option value="international">International Priority</option>
        <option value="ground">Ground</option>
    </optgroup>
</select>

$( "#select-custom-24" ).selectmenu();

使用 open() 方法打开 Selectmenu

$( "#select-custom-24" ).selectmenu( "open" );

该方法将会以动画的方式打开下拉菜单。

注意事项

• open() 方法只有在 Selectmenu 组件已经实例化之后才能使用；
• open() 方法会触发 Selectmenu 的 beforeopen 和 open 事件；
• 可以通过 ui-selectmenu-open 类名来修改 Selectmenu 下拉菜单的样式。

参考资料

• jQuery Mobile Selectmenu's open() method