**在移动端使用 jQuery 实现确认框(modal)的插件有很多选择。一个流行的选择是使用现成的移动端 UI 框架,例如 jQuery Mobile,或者使用专门的移动端弹窗插件。以下是一个简单的例子,使用 jQuery 和一个名为 SweetAlert2 的插件,它是一个美观而灵活的弹窗插件:
引入 jQuery 和 SweetAlert2 的相关文件:**

<!-- 引入 jQuery -->
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>

<!-- 引入 SweetAlert2 样式和脚本 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@10.16.6/dist/sweetalert2.min.css">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.16.6/dist/sweetalert2.all.min.js"></script>

**请注意,你需要根据你的需求和实际情况,选择合适的 jQuery 和 SweetAlert2 版本。
创建一个按钮触发确认框:**

<button id="confirmButton">显示确认框</button>

使用 jQuery 和 SweetAlert2 创建确认框:

    <script>
      $(document).ready(function () {
        $("#confirmButton").on("click", function () {
          Swal.fire({
            title: '确认框',
            text: '你确定要执行此操作吗?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonText: '是的',
            cancelButtonText: '取消'
          }).then((result) => {
            if (result.isConfirmed) {
              // 用户点击了确认按钮
              Swal.fire('操作已执行!', '', 'success');
              // 在这里执行你的操作
            }
          });
        });
      });
    </script

>

**上述代码中,Swal.fire 是 SweetAlert2 提供的方法,用于创建弹窗。你可以根据需要自定义标题、文本、图标等。在用户点击确认按钮后,你可以在 if (result.isConfirmed) 的条件中执行你的操作。
确保你在实际项目中使用之前仔细阅读 SweetAlert2 的文档,以了解更多自定义选项和功能:SweetAlert2 Documentation。**

版权属于:泽泽社长
本文链接:https://blog.zezeshe.com/archives/query-mobile.html
本站未注明转载的文章均为原创,并采用 CC BY-NC-SA 4.0 授权协议,转载请注明来源,谢谢!