Bootstrap personnalisé confirme le partage d'effet d'invite

Cet article présente principalement en détail l'effet d'invite de confirmation personnalisée Bootstrap. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer. J'espère qu'il pourra aider tout le monde.

Effet

Écrivez la description de l'image ici

côté 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)
    })
  }
}

côté html

<input type="hidden" id="common_confirm_btn" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#common_confirm_model">
<p id="common_confirm_model" class="modal">
  <p class="modal-dialog modal-sm">
    <p class="modal-content">
      <p 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>
      </p>
      <p class="modal-body small">
        <p ><span class="message"></span></p>
      </p>
      <p 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>
      </p>
    </p>
  </p>
</p>

Appeler

Common.confirm({
   title: "标题",
   message: "内容",
   operate: function (reselt) {
     if (reselt) {
       ........
     } else {
       ........
     }
   }
 })

Recommandations associées :

plug-in jQuery UI personnalisé confirm Confirmation box method_jquery

Introduction à l'utilisation de la méthode confirm() en JavaScript

Les trois boîtes de message de JavaScript alertent, confirment, invitent

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!