最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

Bootstrap模态对话框中显示动态内容的方法

来源:懂视网 责编:小采 时间:2020-11-27 22:10:20
文档

Bootstrap模态对话框中显示动态内容的方法

Bootstrap模态对话框中显示动态内容的方法:首先引入bootstrap的js和css,在引入对应版本的jquery; 添加按钮,点击弹出模态窗体: <button class=btn btn-primary btn-lg data-toggle=modal data-target=#modal href=/Home/Test rel=extern
推荐度:
导读Bootstrap模态对话框中显示动态内容的方法:首先引入bootstrap的js和css,在引入对应版本的jquery; 添加按钮,点击弹出模态窗体: <button class=btn btn-primary btn-lg data-toggle=modal data-target=#modal href=/Home/Test rel=extern

首先引入bootstrap的js和css,在引入对应版本的jquery;

添加按钮,点击弹出模态窗体:

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modal" href="/Home/Test" rel="external nofollow" ></button>

创建模态对话框:

<div class="model fade" id="modal" tabindex="-1" role="dialog" aria_labelledby="myModelLabel" aria-hidden="true">

 <div class="modal-dialog">

 <div class="modal-content"></div>

 <button class="btn btn-primary btn-lg" onclick="btnSaveClick()" data-dismess="modal">确定</div>

 <button class="btn btn-primary btn-lg" data-dismess="modal">取消</div>

 </div>

</div>

<script>

 var modelResult;

 $(function(){

 $("#model").on("hide.bs.modal"), function(){

 //在这里应用二级窗体返回的内容

 })

 });



 function btnSaveClick(){

 modelResult = this.parent.$("#txtName").val();

 }

</script>

注意:如果发现二级窗体打开一次后再打开失败,请看看href引用的界面中,是否在header中引入了css或js,这里不需要再进行引用,动态加载后会继承父窗体的js和样式

以上这篇Bootstrap模态对话框中显示动态内容的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

Bootstrap模态对话框中显示动态内容的方法

Bootstrap模态对话框中显示动态内容的方法:首先引入bootstrap的js和css,在引入对应版本的jquery; 添加按钮,点击弹出模态窗体: <button class=btn btn-primary btn-lg data-toggle=modal data-target=#modal href=/Home/Test rel=extern
推荐度:
标签: 内容 动态 Bootstrap
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top