Как использовать пользовательский интерфейс selectmenu() для отключения параметров до открытия меню?

Question

Как отключить/включить опцию меню выбора до того, как меню будет открыто с помощью selectmenu UI?

Я не вижу событие beforeOpen в документе. Есть ли способ включить/отключить элементы «на лету»?

Answer 1

Вы можете сделать это на открытом событии или до инициализации плагина:

$(function(){ 
 
    $('select').selectmenu(); 
 
    
 
    
 
    $('#disable').click(function(){ 
 
     $('select option:eq(1)').attr("disabled", true); \t 
 

 
     $('select').selectmenu(); 
 
    }) 
 
});

/* demo styles */ 
 
body {font-size: 62.5%; font-family:"Verdana",sans-serif; } 
 
fieldset { border:0; } 
 
label,select,.ui-select-menu { float: left; margin-right: 10px; } 
 
select { width: 200px; }  
 
.wrap span.ui-selectmenu-item-header, 
 
.wrap ul.ui-selectmenu-menu li a { text-decoration: underline !important; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="http://github.felixnagel.com/selectmenu/ui/jquery.ui.position.js"></script> 
 
<script src="http://github.felixnagel.com/selectmenu/ui/jquery.ui.widget.js"></script> 
 
<link href="http://github.felixnagel.com/selectmenu/themes/base/jquery.ui.theme.css" rel="stylesheet"/> 
 
<link href="http://github.felixnagel.com/selectmenu/themes/base/jquery.ui.core.css" rel="stylesheet"/> 
 
<script src="http://github.felixnagel.com/selectmenu/ui/jquery.ui.core.js"></script> 
 
<link href="http://github.felixnagel.com/selectmenu/themes/base/jquery.ui.selectmenu.css" rel="stylesheet"/> 
 
<script src="http://github.felixnagel.com/selectmenu/ui/jquery.ui.selectmenu.js"></script> 
 

 

 
<select name="data[sport]" class="selectmenu" id="sport"> 
 
    <option value="Kayaking">Kayaking</option> 
 
    <option value="Rock climbing">Rock climbing</option> 
 
    <option value="Surfing">Surfing</option> 
 
    <option value="Skateboarding">Skateboarding</option> 
 
</select> 
 

 
<button id='disable'>Disable second option</button>