添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

jquery sweet alert confirm

jQuery SweetAlert是一个基于jQuery的弹窗插件,可以定制漂亮的提示框、警告框、确认框等等。

如果你要在SweetAlert中使用确认框,可以按照以下步骤:

  • 首先,在HTML页面中引入SweetAlert的CSS和JS文件:
  • <link rel="stylesheet" href="path/to/sweetalert.css">
    <script src="path/to/sweetalert.min.js"></script>
    
  • 然后,使用以下代码在JavaScript中定义一个确认框:
  • swal({
      title: "确认删除?",
      text: "一旦删除将无法恢复!",
      type: "warning",
      showCancelButton: true,
      confirmButtonColor: "#DD6B55",
      confirmButtonText: "删除",
      cancelButtonText: "取消",
      closeOnConfirm: false,
      closeOnCancel: true
    function(isConfirm) {
      if (isConfirm) {
        // 用户点击了确认按钮,执行相应的操作
        swal("已删除!", "您的数据已经被删除。", "success");
      } else {
        // 用户点击了取消按钮,不执行任何操作
    

    上述代码中,swal()函数接受一个包含多个参数的对象,用于配置确认框的内容和行为。其中,titletext分别为确认框的标题和内容,type表示确认框的类型(这里设置为警告框),showCancelButton表示是否显示取消按钮,confirmButtonColor表示确认按钮的颜色,confirmButtonText表示确认按钮的文字,cancelButtonText表示取消按钮的文字,closeOnConfirmcloseOnCancel分别表示点击确认或取消按钮后是否自动关闭弹窗。最后,swal()函数接受一个回调函数作为参数,用于处理用户的操作。

    上述代码中,当用户点击确认按钮时,弹出一个成功的提示框;当用户点击取消按钮时,不执行任何操作。

    希望这些信息能对你有所帮助。

  •