如何在引导模式弹出窗口中加载整个视图（带有样式和脚本）答案

【问题标题】：how to load whole view(with styles and scripts) in bootstrap modal popup如何在引导模式弹出窗口中加载整个视图（带有样式和脚本）
【发布时间】：2017-05-04 07:14:02
【问题描述】：

我想将一个页面加载到另一个页面中（我在 laravel 工作）。我在页面上有表单，当用户单击按钮引导弹出模式时显示。所以我需要在这个引导弹出模式中加载整个页面（包括脚本和样式）。问题是我在弹出窗口中加载的页面无法正常工作（我猜是因为脚本。主页有引导程序、jQuery 等，我的弹出视图也有 jQuery 和引导程序以及其他一些脚本，所以我看到了它加载这些脚本两次）。这是我加载的页面弹出后控制台的外观

我使用 laravel unisharp 文件管理器github

这是我的编辑按钮

<a class="few_edits btn green default edit-vid-btn" href="#" data-toggle="modal" data-target="#edit-vid">Edit video</a>

我的 js

$(function(){
        $(".edit-vid-btn").on('click', function(){

            //window.open('/laravel-filemanager/?type=Files', 'File Manager',"width=700,height=500");

            /*$.ajax({
                url: "/laravel-filemanager/?type=Files",
                type: 'get',
                success: function(data) {
                    $('.modal-video-cont').append(data);
                }
            })*/

            $('.modal-video-cont').load('/laravel-filemanager/?type=Files');

        });
    });

有办法解决吗？

【问题讨论】：

是的，您可以使用 iframe 或将 js 放在页面上并仅加载 html
感谢您的回复。是的，我明白了，在谷歌搜索后我尝试使用 iframe
为什么不从文件管理器页面中删除 js 和 css 文件？那么如果你只加载 html 它应该可以正常工作。
您为什么不尝试仅在将要打开该模式的地方将该 JS 包含在主页中。

标签： javascript jquery twitter-bootstrap laravel bootstrap-modal

【解决方案1】：

如果您有同样的问题，只需将加载的数据附加到 iframe 中即可。就是这样）

【讨论】：

你试过给每个外部文件完整路径而不是相对路径吗？比如<script src="https://mywebsite.com/js/d3.v4.min.js"></script> 而不是<script src="js/d3.v4.min.js"></script>