多选启用选项在jQuery中不起作用

Question

＆＃13;

＆＃13;

$(document).ready(function() {
  $('#fruits').multiselect({
    name: 'fruits',
    columns: 1,
    placeholder: 'fruits'
  });
  $('#fruits').multiselect('disable');

  $("#changeStatuss").click(function() {
    $("#fruits").multiselect('enable');

  });
});

＆＃13;

<div class="dropdown">
  <p class="filter-text">FRUITS</p>
  <select name="fruits" multiple id="fruits">
    <option value="mango">mango</option>
    <option value="apple">apple</option>
    <option value="orange">orange</option>
  </select>
</div>
<input type="button" id="changeStatuss" value="try me" />

＆＃13;

＆＃13;

＆＃13;

当我们运行禁用选项时，它工作正常，下拉列表被禁用，但任何事件触发器上的启用选项都没有发生。 我试过其他帖子有同样的问题，但仍然没有用。 我也尝试在启用选项后刷新插件但是再次没用。

Answer 1

你可以这样做：

$('#fruits option').removeAttr('disabled');

Answer 2

它对我来说很好，这是一个例子：

＆＃13;

＆＃13;

$(function() {
  $('#fruits').multiselect({
    name: 'fruits',
    columns: 1,
    placeholder: 'fruits'
  });
  $('#fruits').multiselect('disable');

  $("#changeStatuss").click(function() {
    $("#fruits").multiselect('enable');

  });
});

＆＃13;

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css">
<script src="https://rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js"></script>


<div class="dropdown">
  <p class="filter-text">FRUITS</p>
  <select name="fruits" id="fruits" multiple="multiple" disabled="disabled">
    <option value="mango">mango</option>
    <option value="apple">apple</option>
    <option value="orange">orange</option>
</select>
</div>
<br>
<input type="button" id="changeStatuss" value="try me" />

＆＃13;

＆＃13;

＆＃13;