Bootstrap benutzerdefiniertes Bestätigen der sofortigen Effektfreigabe

Dieser Artikel stellt hauptsächlich den benutzerdefinierten Bestätigungsaufforderungseffekt im Detail vor. Interessierte Freunde können darauf verweisen.

Effekt

Bildbeschreibung hier schreiben

JS-Seite

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-Seite

<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>

Aufruf

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

Verwandte Empfehlungen:

jQuery UI Plug-in benutzerdefiniert bestätigen Bestätigungsfeld method_jquery

Einführung in die Verwendung der Methode „confirm()“ in JavaScript

Die drei Meldungsfelder von JavaScript benachrichtigen, bestätigen, fordern auf

Das obige ist der detaillierte Inhalt vonBootstrap benutzerdefiniertes Bestätigen der sofortigen Effektfreigabe. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!