jquery移动端弹框

JQuery移动端弹框是一种在Web开发中常用的弹窗控件，它可以方便地实现页面中的弹出提示框、询问框、消息框等功能，使用户界面更加友好。下面我们就来介绍一下如何使用JQuery移动端弹框。

// 引入JQuery库及弹窗插件
<script src="jquery.min.js"></script>
<script src="jquery.mobile-1.4.5.min.js"></script>

// 弹出提示框
$(document).ready(function() {
    $.mobile.loading("show");
    setTimeout(function() {
        $.mobile.loading("hide");
        alert("欢迎来到我的网站！");
    },2000);
});

// 弹出询问框
$(document).on("click","#btn",function() {
    navigator.notification.confirm(
        "您确定要退出吗？",function(buttonIndex) {
            if (buttonIndex == 1) {
                navigator.app.exitApp();
            }
        },"提示",["确定","取消"]
    );
});

// 弹出消息框
$(document).on("click",function() {
    navigator.notification.alert(
        "系统正在维护中，请稍后再试！",function() {
            console.log("弹窗已关闭！");
        },"确定"
    );
});

以上代码演示了三种不同类型的JQuery移动端弹框，包括提示框、询问框和消息框。在实际使用中，根据需求选择相应的弹窗类型，便可轻松实现弹窗效果。