时间戳

首页 > 解决方案 > 使用 javascript 将字符串显示为模态

javascript - 使用 javascript 将字符串显示为模态

问题描述

我正在尝试显示一个包含完整引导模式的字符串。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 语句......

标签： javascriptjqueryxmlhttprequestmodal-dialog

解决方案

我不知道为什么，但这现在有效。可能是jquery魔术......

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

jquery load 函数可以解决问题，而不是将 HTTP 请求结果添加到 innerHTML。

这个页面解释它：[如何在 Bootstrap 模式中加载动态内容][1]

推荐阅读