bootstrap远程对话框问题

Question

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

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

×

编辑

这样好像不行的

Answer 1

不知道你这个问题是否已经解决, 如果还没有解决的话:

• 你可以看下这个问题的回答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

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