bootstrap远程对话框问题

我需要点击一个按钮打开对话框,但对话框的内容是一个远程URL。如何做
修改

div id="editModel" class="modal hide fade" >



×

编辑




这样好像不行的

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 你可以看下这个问题的回答https://ask.csdn.net/questions/685303
  • 你也可以参考下这篇文章:Bootstrap 组件:警告框组件的使用
  • 除此之外, 这篇博客: Bootstrap样式之Modal模态框的使用技巧,超简单【一看就懂】中的 处的点击事件,也是本文的重点之一所在: 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:

    jQuery中的一个关键函数:load()方法

    load()方法从服务器加载数据,并把返回的数据放置到指定的元素中。

    注意:还存在一个名为 load 的 jQuery事件方法。调用哪个,取决于参数。

    对应的函数如下:

     //  对应上面的onclick事件函数
     function power2(val) {
         //   此处的id对应上面模态框body的id
         $("#modal-body").load(val);   //   也可以使用name属性,这里的id是我自己加的,便于使用
     }

    这里的details方法是对应后台控制层的代码,在此拼接路径(相信大家应该都能看懂),返回一个已经写好的一个列表到另一个页面(附上控制层代码便于理解)

    通过load方法将它加载进此页面显示,非常巧妙也非常简单。效果就如上视频展示所示。

    到此模态框就已经完成啦,更多样式参考api 修改你喜欢的即可~

    如有不理解之处留言即可~

    祝大家玩的开心!!   


    附上Bootstrap的官方api文档链接

    Modal · Bootstrap v5.1

    (5.1版本:目前市面最新版):Modal · Bootstrap v5.1

    (4.6版本:中文版本):Modal · Bootstrap v4 中文文档 v4.6 | Bootstrap 中文网


     如有错误,欢迎指正

    Thanks


如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^