отобразить строку как модальное с javascript

Question

Я пытаюсь отобразить строку, которая содержит полный bootstrap модальный. Событие onClick загружает строку, добавляет ее в существующий div, но не отображает ее.

документ:

<div id="HTTPrequestModalDiv"></div>

ввод по клику:

HTTPrequest ( 'ID7', 'colorTable.php' ); $( '#ModalHTTPRequest' ).modal('show') ;

Функция HTTPrequest:

function HTTPrequest ( ID , url  ) {    
const Http = new XMLHttpRequest();
Http.open("GET", url  + "?ID=" + ID );
Http.send();
Http.onreadystatechange = (e) => { 
 document.getElementById('HTTPrequestModalDiv').innerHTML = Http.responseText ;
 }
$.getScript(  url  ) ;
$( '#ModalHTTPRequest' ).modal('show') ;    
} 

Все шаги работают только modal.show не работает. Я должен щелкнуть дважды, чтобы появился модал. Я пытался дважды вставить в код выражение modal.open ...

• Как я могу немедленно сделать модальное шоу?

Answer 1

Не знаю почему, но сейчас это работает. Возможно jquery magi c ...

$('#div' + random ).load(  dataURL,function(){
$('#ModalHTTPRequest' + random ).modal({show:true});

Вместо добавления результата HTTP-запроса к внутреннему HTML, функция загрузки jquery делает свое дело.

Эта страница объясняет это: [Как загрузить Dynami c Содержимое в Bootstrap Модальное] [1]