本文實例為大家分享了集合Bootstrap自定義confirm的具體代碼,供大家參考,具體內(nèi)容如下
效果
這里寫圖片描述
js端
var Common = {  confirm:function(params){    var model = $("#common_confirm_model");    model.find(".title").html(params.title)    model.find(".message").html(params.message)    $("#common_confirm_btn").click()    //每次都將監(jiān)聽先關(guān)閉,防止多次監(jiān)聽發(fā)生,確保只有一次監(jiān)聽    model.find(".cancel").die("click")    model.find(".ok").die("click")    model.find(".ok").live("click",function(){      params.operate(true)    })    model.find(".cancel").live("click",function(){      params.operate(false)    })  }}html端
<input type="hidden" id="common_confirm_btn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#common_confirm_model"><div id="common_confirm_model" class="modal"> <div class="modal-dialog modal-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal"> <span aria-hidden="true">×</span> <span class="sr-only">Close</span></button> <h5 class="modal-title"><i class="fa fa-exclamation-circle"></i> <span class="title"></span> </h5> </div> <div class="modal-body small"> <p ><span class="message"></span></p> </div> <div class="modal-footer" > <button type="button" class="btn btn-primary ok" data-dismiss="modal">確認(rèn)</button> <button type="button" class="btn btn-default cancel" data-dismiss="modal">取消</button> </div> </div> </div></div>
調(diào)用
Common.confirm({   title: "標(biāo)題",   message: "內(nèi)容",   operate: function (reselt) {     if (reselt) {       ........     } else {       ........     }   } })以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持武林網(wǎng)。
| 
 
 | 
新聞熱點
疑難解答