>source

HTML code를 추가하여 새 탭을 동적으로 추가하려고합니다 (콘텐츠 포함). 나는 이렇게하고있다 :

  1. 모든 (부트 스트랩) selectpicker 중 하나로 포함 된 탭 내용으로 div 생성하기

    <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);
    

문제는 그렇게함으로써 컨트롤 selection 및 datepicker 기능 오작동 -드롭 다운에서 항목을 선택하는 것 -아무것도하지 않는 것으로 보입니다.

부트 스트랩 컨트롤 (SelectPicker와 Datepicker)이 탭에서 작동하지 않는 이유가 있는지 알 수 있습니까?

감사합니다.

생성 된 후 새로 생성 된 요소에서 SelectPicker를 실행하십시오.

Popnoodles2021-04-20 08:40:35

감사합니다! 그것은 일입니다 :)

Kobi Salman2021-04-20 08:40:35
  • 답변 # 1

    추가 한 후에 SelectPicker를 새로 고치면됩니다.

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

  • 이전 Ajax OnComplete 이벤트가 호출되기 전에 페이지의 JavaScript가 실행되지 않습니다.
  • 다음 database : RDBMS에 전체 그래프를 저장합니다