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

您必须刷新插件页面上提到的选择:https: //developer.snapappointments.com/bootstrap-select/methods/#selectpickerrefresh

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

Answer 2

刷新()

要以编程方式使用JavaScript更新选择,请先操作select,然后使用refresh方法更新UI以匹配新状态.在删除或添加选项时,或通过JavaScript禁用/启用选择时,这是必需的.

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

演示