自己寫的一款基於bootstrap風格的彈框外掛程式，暫時只有確認框、提示框。後續功能擴充套件、bug修改再更新。
;(function($);
$.dialog =
}, function(f)
});uosvwv },
alert: function(params)
}, null);
},show: function(type, confirmcaller, cancelcaller)
html += '';
html += '
'; $('body').append(html);
$('#tipmodal').modal();
$.dialog.setdialogevent(type, confirmcaller, cancelcaller);
},initparmas: function(params), defaultparams, params);}},
setdialogevent: function(type, confirmcaller, cancelcaller)
});});
$("#btncancel").click(function()
});});
break;
case 'alert':
$("#btnok").click(function()
});});
break;
};$('#tipmodal').on('hidden.bs.modal', function())www.cppcns.com;
$("#tipmodal .close").click(function());
});//設定視窗可拖動
$('#tipmodal .modal-header').draggable($('#tipmodal .modal-dialog'));
} };
dialogconfirm = function(params);
dialogalert = function(params);
})(jquery);
//拖動層
;(function($)).mouseup(function());
$(document).mousemove(function(e));
}//判斷是否超出窗體
//計算出彈出層距離右邊的位置
var dialogright = parseint($(window).width())-(parseint(obj.css(www.cppcns.com"left"))+parseint(obj.width()));
var dialogbottom = parseint($(window).height())-(parseint(obj.css("top"))+parseint(obj.height()));
var maxleft = $(window).width()-obj.width();
var maxtop = $(window).height()-obj.height();
if(parseint(obj.css("left"))<=0)
if(parseint(obj.css("top"))<=0)
if(dialogright<=0)
if(dialogbottom<=0)
}).mouseup(function()).mousele**e(function());
});} });
})(jquery)
html頁面中呼叫：
&程式設計客棧lt;script src="jquery/jquery.min.js">
感覺寫的不是很好，後面修改了或者擴充套件了功能再更新。原始碼會上傳到檔案。
本文標題: 基於bootstrap風格的彈框外掛程式
本文位址:
Bootstrap 大叔封裝的彈層
回到目錄 對於bootstrap的彈層，外掛程式有很多，今天主要用的是它自帶的功能，通過bootstrap提供的模式視窗來實現的，而大叔主要對使用方法進行了封裝，開發人員可以自己動態傳入彈層的 內容，可以控制按鈕的顯示與隱藏，使用者通過 擴充套件方法對彈層進行生成，然後使用a標籤進行呼叫 具體使用很...
Bootstrap被封裝的彈層
對於bootstrap的彈層，外掛程式有很多，今天主要用的是它自帶的功能，通過bootstrap提供的模式視窗來實現的，而小編主要對使用方法進行了封裝，開發人員可以自己動態傳入彈層的 內容，可以控制按鈕的顯示與隱藏，使用者通過 擴充套件方法對彈層進行生成，然後使用a標籤進行呼叫 具體使用很簡單 ht...
基於bootstrap的mvcpager簡單分頁
然後匯入命名空間 using webdiyer.webcontrols.mvc 前提是要引用dll檔案 下面是源 控制器 public actionresult basic string id else return view list 檢視頁面 切記要匯入命名空間 using boostrap.m...