Question

我在其中一个选项上有一个多选项，如果在此处详细设置http://davidstutz.github.io/bootstrap-multiselect/，它可以正常工作。

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

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

克隆后，克隆的选择引用原始选择。我还将克隆选择的ID更改为不是问题。我已经尝试了多重选择方法，例如重建，但它仍然无效。我创造了一个小提琴来展示这个问题。 https://jsfiddle.net/zaa35zgt/3

Answer 1

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

像这样的东西（稍微修改了小提琴）：

$("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();

});

Bootstrap多选克隆问题

1 个答案: