부트 스트랩 다중 선택 복제 문제

Question

내 선택 항목 중 하나에 다중 선택이 있으며 여기에 설명 된대로 설정하면 http://davidstutz.github.io/bootstrap-multiselect/과 같이 잘 작동합니다.

이 multiselect가 포함 된 jquery clone 메소드를 사용하여 div를 복제합니다.

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

복제 후 복제 된 선택 항목은 원래 선택 항목을 참조합니다. 또한 복제 된 선택 항목의 ID를 문제가 아닌 것으로 변경합니다. 재 작성과 같은 다중 선택 방법을 시도했지만 여전히 작동하지 않습니다. 나는이 문제를 보여주기 위해 바이올린을 만들었다. https://jsfiddle.net/zaa35zgt/3

Answer 1

부트 스트랩 다중 선택은 포함 된 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(); 

});