栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何在Bootstrap模式对话框中显示URL:在按钮上单击

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何在Bootstrap模式对话框中显示URL:在按钮上单击

如果要继续沿着引导路径前进,可以在这里看看:jsfiddle-Bootstrap 2.3.2
modal中的远程URI

请注意,URL必须位于同一域中(尽管您提到的是“内部”),否则,远程站点的Access-Control-Allow-
Origin设置将需要允许您的域。因此请记住,小提琴演示实际上无法从example.com加载内容。

<button type="button"  data-toggle="modal" data-target="#myModal" data-remote="http://example.com">Launch modal</button><div id="myModal" >    <div >        <button type="button"  data-dismiss="modal" aria-hidden="true"> × </button>        <h3 id="myModalLabel">Modal header</h3>    </div>    <div >       <!-- remote content will be inserted here via jQuery load() -->    </div>    <div >        <button  data-dismiss="modal" aria-hidden="true">Close</button>    </div></div>

您不需要为此编写任何自定义Javascript-Bootstrap会根据数据属性(例如data-remote =“
http://example.com/whatever”和data-target =“#myModal”)知道要做什么。等等

有关更多信息,请参见Bootstrap模式文档的相关部分。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/415463.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号