Heim > Artikel > Web-Frontend > Beispielfreigabe für benutzerdefinierten Bootstrap-Bestätigungsaufforderungseffekt
Dieser Artikel stellt hauptsächlich den benutzerdefinierten Bestätigungsaufforderungseffekt im Detail vor. Interessierte Freunde können sich darauf beziehen.
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>
Anruf
Common.confirm({ title: "标题", message: "内容", operate: function (reselt) { if (reselt) { ........ } else { ........ } } })
Verwandte Empfehlungen:
jquery form validation Beispiel für das Teilen eines nachgeahmten Toast-Eingabeaufforderungseffekts
jquery simulierter Titel-Eingabeaufforderungseffekt
jquery PHP Baidu Search Box Smart Prompt Effect_PHP-Tutorial
Das obige ist der detaillierte Inhalt vonBeispielfreigabe für benutzerdefinierten Bootstrap-Bestätigungsaufforderungseffekt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!