Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从按钮中删除类并在sweetalert2中添加自定义类?_Javascript_Jquery_Sweetalert2 - Fatal编程技术网

Javascript 如何从按钮中删除类并在sweetalert2中添加自定义类?

Javascript 如何从按钮中删除类并在sweetalert2中添加自定义类?,javascript,jquery,sweetalert2,Javascript,Jquery,Sweetalert2,我正在使用sweetalert2插件。它工作得很好,但是现在我想删除button类并添加我自己的类 class=swal2确认swal2样式但我需要class=swal2确认btn btn成功 任何解决方案,谢谢 Swal.fire({ title: 'Are you sure?', text: 'You will not be able to recover this imaginary file!', type: 'warning',

我正在使用sweetalert2插件。它工作得很好,但是现在我想删除button类并添加我自己的类

class=swal2确认swal2样式但我需要class=swal2确认btn btn成功

任何解决方案,谢谢

 Swal.fire({
        title: 'Are you sure?',
        text: 'You will not be able to recover this imaginary file!',
        type: 'warning',
        showCancelButton: true,
        confirmButtonText: 'Yes, delete it!',
        cancelButtonText: 'No, keep it,'
    }).then((result) => {
        if (result.value) {
            Swal.fire(
                'Deleted!',
                'Your imaginary file has been deleted.',
                'success'
            )

        } else if (result.dismiss === Swal.DismissReason.cancel) {
            Swal.fire(
                'Cancelled',
                'Your imaginary file is safe :)',
                'error'
            )
        }
    })
您可以使用以下方法进行操作:

或者,您可以在打开之前切换类:

onBeforeOpen: function(ele) {
    $(ele).find('button.swal2-confirm.swal2-styled')
          .toggleClass('swal2-confirm swal2-styled swal2-confirm btn btn-success')
}
$('btn')。在('click',函数(e)上{
喷火({
标题:“你确定吗?”,
text:'您将无法恢复此虚拟文件!',
键入:“警告”,
showCancelButton:true,
confirmButtonText:'是,删除它!',
cancelButtonText:'不,保留它,',
客户类别:{
//confirmButton:“我的确认按钮类”
},
onBeforeOpen:函数(ele){
$(ele).find('button.swal2 confirm.swal2 styled').toggleClass('swal2-confirm swal2 styled swal2 confirm btn success')
}
}).然后(函数(结果){
if(result.value){
喷火(
“已删除!”,
“您的虚拟文件已被删除。”,
“成功”
)
}else if(result.dismise===Swal.DismissReason.cancel){
喷火(
“取消”,
'您想象的文件是安全的:)',
“错误”
)
}
})
})

单击我
您可以使用以下方法进行操作:

  buttonsStyling: false,
  customClass: {
         confirmButton: "btn btn-outline-danger"
       }

我用箭头标出了答案,但不是问题,因为我并没有试图改变课程(不过,这不是对问题的冒犯,我想有一天我需要这么做!)。我有一个CSS问题,所以我选择了CSS解决方案——我拥有一切,只是我忘记了!重要提示:)
  buttonsStyling: false,
  customClass: {
         confirmButton: "btn btn-outline-danger"
       }