bootstrap modal 弹出效果

Posted hope

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap modal 弹出效果相关的知识,希望对你有一定的参考价值。

window.showMsg = function (msg) {
    //显示悬浮窗
    $("#autoCloseModal").modal("show")
    //设置文本内容
    $("#autoCloseModal #autoCloseModalBody").html("")
    $("#autoCloseModal #autoCloseModalBody").html(msg);
    //两秒后消失
    setTimeout(function () { $("#autoCloseModal").modal("hide") }, 2000);
};



调用:

showMsg(成功!);

 

以上是关于bootstrap modal 弹出效果的主要内容,如果未能解决你的问题,请参考以下文章

Bootstrap 如何设置打开页面10秒后 弹出模态框的效果 请列出详细代码

Bootstrap之javascript插件---弹出框(模态框)Modal

bootstrap模态框没法弹出

admin-lte+ng-bootstrap组合开发之modal弹层不显示

yii2中怎么使用Bootstrap的模态弹出框modal

bootstrap modal 弹出框被遮挡