動態添加時引導選擇器不起作用

Question

我正在嘗試通過附加 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 元素（在 secrion 2 中看到的 innerHtml）附加到選項卡。

    tabs.append(div_content);

問題是，通過這樣做，似乎控件SelectPicker和datepicker功能出現故障 - 從下拉列表中選擇項目（在 SelectPicker 中） - 什么都不做。

知道為什么引導程序控件（selectPicker 和 DatePicker）在選項卡內不起作用？

謝謝。

Answer 1

添加后需要刷新選擇器：

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