Bootstrap模態(tài)對話框中顯示動態(tài)內(nèi)容的方法
更新時間：2018年08月10日 09:41:23 作者：henreash
今天小編就為大家分享一篇Bootstrap模態(tài)對話框中顯示動態(tài)內(nèi)容的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
首先引入bootstrap的js和css，在引入對應版本的jquery；
添加按鈕，點擊彈出模態(tài)窗體：
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#modal" href="/Home/Test" rel="external nofollow" ></button>
創(chuàng)建模態(tài)對話框：
<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(){
//在這里應用二級窗體返回的內(nèi)容
})
});
function btnSaveClick(){
modelResult = this.parent.$("#txtName").val();
}
</script>
注意：如果發(fā)現(xiàn)二級窗體打開一次后再打開失敗，請看看href引用的界面中，是否在header中引入了css或js，這里不需要再進行引用，動態(tài)加載后會繼承父窗體的js和樣式
以上這篇Bootstrap模態(tài)對話框中顯示動態(tài)內(nèi)容的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
本文通過實例代碼給大介紹了js多文件上傳的實現(xiàn)方法，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-01-01
JavaScript 語言的方法聲明中，不能明確指定參數(shù)的類型和個數(shù)，所以不能實現(xiàn)方法的重載，但是我們可以用其他的方法來實現(xiàn)重載的效果。2009-08-08
JavaScript實現(xiàn)二叉樹定義、遍歷及查找的方法詳解
這篇文章主要介紹了JavaScript實現(xiàn)二叉樹定義、遍歷及查找的方法,結合實例形式較為詳細的分析了二叉樹的相關概念及javascript構建二叉樹、遍歷、查找二叉樹的常用操作技巧,需要的朋友可以參考下2017-12-12
這篇文章主要介紹了javascript的2種繼承方式,分析對象冒充和原型鏈方式的不同,需要的朋友可以參考下2014-03-03
Flexigrid在IE下不顯示數(shù)據(jù)的有效處理方法
Flexigrid在IE下不顯示數(shù)據(jù)的處理方法是：指定一下Ajax請求數(shù)據(jù)的方式為Get方式,遇到此問題的朋友可以參考下2014-09-09
js 鏈式延遲執(zhí)行DOME，需要的朋友可以參考下。2012-01-01
在開發(fā)中可能有遇到過屏幕錄制的需求,無論是教學、演示還是游戲錄制,都需要通過屏幕錄制來記錄和分享內(nèi)容,MediaRecorder?是一種強大的技術,可以在瀏覽器端實現(xiàn)屏幕錄制功能,本文將介紹如何使用JS?MediaRecorder?實現(xiàn)屏幕錄制,需要的朋友可以參考下2023-11-11
Javascript實現(xiàn)禁止輸入中文或英文的例子
這篇文章主要介紹了Javascript實現(xiàn)禁止輸入中文或英文的方法實例,本文方法都是使用正則表達式實現(xiàn),需要的朋友可以參考下2014-12-12
getComputedStyle是一個可以獲取當前元素所有最終使用的CSS屬性值,下面這篇文章主要給大家介紹了關于js知識點總結之getComputedStyle用法的相關資料,需要的朋友可以參考下2022-10-10
JavaScript 數(shù)組運用實現(xiàn)代碼
復習一下JS中數(shù)組的運用。學習js數(shù)組的朋友可以參考下。2010-04-04