jquery - Bootstrap多选克隆问题

Question

我对其中一个选择进行了多重选择，并且按照此处详细说明的设置工作正常，http://davidstutz.github.io/bootstrap-multiselect/ .

我使用包含此多选的 jquery 克隆方法克隆一个 div。

  $("select[id^=Test]").multiselect();

克隆后，克隆的选择引用原始选择。我还将克隆选择的 id 更改为这不是问题。我尝试过重建等多选方法，但仍然不起作用。我创建了一个 fiddle 来展示这个问题。 https://jsfiddle.net/zaa35zgt/3

Answer 1

Bootstrap 多选会更改包含 div 的 HTML。按照您的方式克隆它并不是一个好主意，因为您还将克隆所有数据和事件。相反，您可以克隆原始选择，然后对其应用多选。

像这样的东西(稍微修改了 fiddle ):

$("select[id^=Test]").multiselect();

$($('[id*="btnClone"]')).on("click", function() {

     var clonedSelect = $('div[id^="clonedDiv"]').last().find('select').clone();

     var newDiv = $('<div></div>').append(clonedSelect);

     $('div[id^="clonedDiv"]').last().after(newDiv);

     newDiv.find('select').multiselect();

});