Bootstrap 4 如何使用bootstrap 4.4.x模式从外部页面加载内容
我想将外部页面的内容加载到Bootstrap4.4模式中。这是我的 JS: HTML:Bootstrap 4 如何使用bootstrap 4.4.x模式从外部页面加载内容,bootstrap-4,bootstrap-modal,Bootstrap 4,Bootstrap Modal,我想将外部页面的内容加载到Bootstrap4.4模式中。这是我的 JS: HTML: 我的情态 × ... “数据远程”中的远程内容加载到此处。。。 接近 发送消息 我如何做到这一点?最终,我解决了这个问题。在我的body标签中,我有引导脚本,比如 <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv
-
-
-
我的情态
×
... “数据远程”中的远程内容加载到此处。。。
接近
发送消息
我如何做到这一点?最终,我解决了这个问题。在我的body标签中,我有引导脚本,比如
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"></script>
我所做的是,我移除了
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
crossorigin="anonymous"></script>
此脚本项来自body标记,并将jQuery cdn链接添加到header标记
这对我来说很好。欢迎来到StackOverflow-您面临什么具体问题?你想让我们解释一下请求是如何工作的。。。?你自己试过什么?逐字复制代码。该链接被保留。当我单击模式链接时,它不会从外部页面加载内容。例如,如果我使用jquery代码,比如
modal.find('.modal body').html(“Nice modal body baby…”)代码>,它可以工作。当我使用modal.find('.modal body').load(button.data(“remote”))时代码>,它不起作用。jquery函数load()似乎不起作用。
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
crossorigin="anonymous"></script>