集合Bootstrap自定义confirm提示效果

发布时间：2020-12-18 00:34:37 所属栏目：安全来源：网络整理

导读：本文实例为大家分享了集合Bootstrap自定义confirm的具体代码，供大家参考，具体内容如下效果这里写图片描述 js端 $("#common_confirm_btn").click()//每次都将监听先关闭，防止多次监听发生，确保只有一次监听model.find(".cancel").die("click")model.fin

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

效果

这里写图片描述

js端

$("#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端

<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-dismiss="modal"&gt;确认</button>
    <button type="button" class="btn btn-default cancel" data-dismiss="modal"&gt;取消</button>
  </div>
</div>

调用

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!