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

2021/01/28 08:21 · jquery ·  · 0评论

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

我增加了添加新部分的功能-单击添加按钮时,将添加一个新部分(与上一部分重复)。在本节中,引导选择不起作用。

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

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

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

您必须按照插件页面所述刷新您的选择

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

刷新()

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

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

演示版

本文地址:http://jquery.askforanswer.com/bootstrap-select-zaidongtaitianjiadeyuansushangzhongxinchushihua.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!