我想在单击链接时打开一个模态。该链接存在于通过脚本标记生成的容器/部分中。
我正在 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),但没有奏效。
相关分类