我需要点击一个按钮打开对话框,但对话框的内容是一个远程URL。如何做
修改
div id="editModel" class="modal hide fade" >
这样好像不行的
不知道你这个问题是否已经解决, 如果还没有解决的话: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