jquery - Bootstrap Select - 在动态添加的元素上重新初始化

Question

我正在使用 Bootstrap Select ( http://silviomoreto.github.io/bootstrap-select/ ) 为我的网站的每个部分显示带有 Font-Awesome 图标的下拉菜单。

我添加了添加新部分的功能 - 单击添加按钮时，会添加一个新部分（与上一部分重复）。在本节中，Bootstrap Select 不起作用。

我试图像这样重新初始化它：

var select = $('[name="section['+ numbersection +'][section_icon]"]');
$(select).selectpicker('destroy');
$(select).selectpicker({
  showIcon: false
});

但这不起作用，因为 detroy 方法似乎没有触发。有没有办法在动态添加的元素上重新初始化 Bootstrap Select？

Answer 1

您必须按照插件页面上的说明刷新您的选择

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

Answer 2

刷新（）

要使用 JavaScript 以编程方式更新选择，首先操作选择，然后使用刷新方法更新 UI 以匹配新状态。在删除或添加选项时，或者通过 JavaScript 禁用/启用选择时，这是必要的。

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

演示