如何启用和禁用selectmenu JQuery mobile

Question

我有一个使用jquery mobile生成的表单.我有一个最初设置为禁用的下拉列表.

<div data-role="fieldcontain">
    <label for="role-edit" class="select">Project Role:</label>
    <select name="role-edit" id="role-edit" data-native-menu="false" disabled="disabled" class="edit-projectinput">     
        <option value="Admin">Admin</option>
        <option value="Project Manager">Project Manager</option>
        <option value="User">User</option>
    </select>
</div>

我想使用jquery启用禁用的selectmenu.我试过了

$(".edit-projectinput").selectmenu("enable");

但它对我不起作用.

你能告诉我如何启用禁用的选择菜单,如果可能的话,告诉我如何禁用它.

这是演示:http://jsfiddle.net/lightbringer/dpv2h/1/

Answer 1

做就是了 :

$(document).ready(function(){
     $("select.edit-projectinput").selectmenu("enable");
});

演示

记住,将有2个项目与第一类.edit-projectinput真正的选择,转换为选择菜单小部件,然后在小部件中的一个默认选定的跨度元素,所以只需专门选择重要的.您的菜单已初始化,只需调用启用方法即可.