如何在bootstrap模式弹出窗口中加载整个视图（使用样式和脚本）

Question

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

我使用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');

        });
    });

有办法解决吗？

Answer 1

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