如何禁用选择器的实际“下拉”（Bootstrap-Select）？

Question

当单选按钮设置为“否”时，我希望完全禁用选择器。现在，我有以下代码使用“ selectpicker”类禁用：

   $("#mySelect").prop("disabled", true);
   $(".selectpicker[data-id='mySelect']").addClass("disabled");

然后重新启用它：

   $("#mySelect").prop("disabled", false);
   $(".selectpicker[data-id='mySelect']").removeClass("disabled");

从某种意义上说，我无法更改菜单选项，但是实际的菜单本身仍然会下拉并在单击时显示选项（但是我无法单击任何这些选项）。我该怎么做才能真正禁用菜单的下拉菜单并使之生效，从而使selectpicker在重新启用之前完全无效？

Answer 1

我发现了问题。这些行之后，我需要“刷新”：

$('.selectpicker').selectpicker('refresh');