本文實例為大家分享了集合Bootstrap自定義confirm的具體代碼，供大家參考，具體內容如下

效果

這里寫圖片描述

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()    //每次都將監聽先關閉，防止多次監聽發生，確保只有一次監聽    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">確認</button>        <button type="button" class="btn btn-default cancel" data-dismiss="modal">取消</button>      </div>    </div>  </div></div>

調用

Common.confirm({   title: "標題",   message: "內容",   operate: function (reselt) {     if (reselt) {       ........     } else {       ........     }   } })

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。