Maison > Article > interface Web > Partage d'exemple d'effet d'invite de confirmation personnalisée Bootstrap
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 :
validation du formulaire jquery Exemple de partage d'effet d'invite Toast d'imitation
effet d'invite de titre simulé jquery
jquery php Baidu boîte de recherche smart prompt effect_PHP tutoriel
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!