Bootstrap 模式未打开 - 通过脚本加载
我想在单击链接时打开一个模态。该链接存在于通过脚本标记生成的容器/部分中。
我正在 script.js 中加载 jQuery、Popper 和 Bootstrap CSS 和 JS 文件（它将被添加到第三方网站）。容器与项目一起显示，但模式未打开。
页面.html
<body>
...
<script src="http://localhost:7000/" type="application/javascript"></script>
</body>
SCRIPT.JS（托管在快速服务器上）
加载 jQuery
script.src = 'https://code.jquery.com/jquery-3.3.1.slim.min.js';
script.integrity = 'sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo';
script.crossOrigin = 'anonymous';
document.getElementsByTagName("head")[0].appendChild(script);
添加引导 CSS
script.rel = "stylesheet";
script.href = "https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css";
script.integrity = "sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T";
script.crossOrigin = "anonymous";
document.getElementsByTagName("head")[0].appendChild(script);
在 Body 中添加 Popper 和 Bootstrap JS（加载各自的 url、integrity 和 crossOrigin 的函数）
loadPopper('https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js','sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1','anonymous');
loadBootstrap('https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js','sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM','anonymous');
在此之后，我的 HTML 包含带有链接的部分。
如果我只将 jQuery 脚本标签移动到 Page.html 模式开始打开。
页面.html
<body>
...
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="http://localhost:7000/" type="application/javascript"></script>
</body>
我尝试在 script.js 的“body”中加载 jQuery（如上面的 page.html），但没有奏效。
呼啦一阵风1回答
随时随地看视频慕课网APP
相关分类
JavaScript