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

问题描述 投票:20回答:2

我正在使用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?

jquery twitter-bootstrap select bootstrap-select
2个回答
58
投票

您必须刷新plugin page上提到的选择

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

17
投票

refresh()

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

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

Demo

© www.soinside.com 2019 - 2024. All rights reserved.