集合Bootstrap自定义confirm提示效果

本文实例为大家分享了集合Bootstrap自定义confirm的具体代码，供大家参考，具体内容如下

效果

这里写图片描述

js端

rush: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()
//每次都将监听先<a href="https://www.jb51.cc/tag/guanbi/" target="_blank" class="keywords">关闭</a>，防止多次监听发生，确保只有一次监听
model.find(".cancel").die("click")
model.find(".ok").die("click")

model.find(".ok").live("click",function(){
  p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>ms.operate(true)
})

model.find(".cancel").live("click",function(){
  p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>ms.operate(false)
})

}
}

html端

rush:xhtml;"> dismiss="modal">

<span aria-hidden="true"&gt;&times;</span>

<span class="sr-only"&gt;Close</span></button>
    <h5 class="modal-title"&gt;<i class="fa fa-exclamation-circle"&gt;</i> 

   <span class="title"&gt;</span>

</h5>
  </div>
  <div class="modal-body small"&gt;
    <p ><span class="message"&gt;</span></p>
  </div>
  <div class="modal-footer" >
    <button type="button" class="btn btn-primary ok" data-<a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>miss="modal"&gt;确认</button>
    <button type="button" class="btn btn-default cancel" data-<a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>miss="modal"&gt;取消</button>
  </div>
</div>