引导选择器在动态添加时不起作用

问题描述

我正在尝试通过附加HTML代码（带有内容的div）来动态添加新标签。 我这样做的方式是：

1. 使用选项卡内容创建div，其中包括所有内容（引导程序） SelectPicker

    <div id="main_div">
        ...
        <label for="title" class="label-heading"> First Name </label>
        <select multiple class="form-control" name="last_name" id="last_name"
        </select>
        ...
    </div>
   

2. 然后-通过使用getElementById及其innerHtml获得div HtmlElement

   var tabs = $("#container").tabs();
   ..
   ..
   var div_content = document.getElementById("main_div").innerHtml;
   

3. 然后-将Html元素（在第二部分中看到的innerHtml）附加到选项卡。

   tabs.append(div_content);
   

问题在于这样做似乎导致控件 SelectPicker 和datepicker功能出现故障-从下拉菜单（在SelectPicker中）中选择项目-无所事事。

您知道为什么引导程序控件（selectPicker和DatePicker）在选项卡中不起作用吗？

谢谢。

解决方法

添加后需要刷新selectpicker：

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