如何使用JavaScript将回调添加到函数中？
[英]how to add callback into function with javascript?
问题描述
I want to create function which inside include swall then call that function with another job... 
我想创建内部包含swall的函数，然后用另一个作业调用该函数...
here is my code: 这是我的代码：
function confirmSwal(ket, callback){
swal({
title: ket,
showCancelButton: true,
cancelButtonText: 'Batal',
confirmButtonClass: 'btn-success',
confirmButtonText: 'Hapus',
closeOnConfirm: true
},
function(){
callback();
});
}
$("#hapusBulk").click(function(){
confirmSwal("Apakah Anda Yakin Hapus Data Terpilih?", function(){
alert("Asd");
});
});
but alert doesn't work.. please help.. 但是警报不起作用..请帮助..
3 个解决方案
解决方案1
2 2018-05-21 03:39:57
It should be like this. 应该是这样
function confirmSwal(ket, callback){
swal({
title: ket,
showCancelButton: true,
cancelButtonText: 'Batal',
confirmButtonClass: 'btn-success',
confirmButtonText: 'Hapus',
closeOnConfirm: true
}, callback
)}
$("#hapusBulk").click(function(){
confirmSwal("Apakah Anda Yakin Hapus Data Terpilih?", function(){
alert("Asd");
});
});
because of your callback variable is defined as a function, and you don't require to have a function to wrap the callback value. 因为您的callback变量被定义为一个函数，所以您不需要具有用于包装callback值的函数。
解决方案2
0 2018-05-21 03:45:31
If the swal function accept a callback, you need to change your code to this : 如果swal函数接受回调，则需要将代码更改为：
function confirmSwal(ket, callback){
swal({
title: ket,
showCancelButton: true,
cancelButtonText: 'Batal',
confirmButtonClass: 'btn-success',
confirmButtonText: 'Hapus',
closeOnConfirm: true
}, callback() );
}
解决方案3
0 已采纳 2018-05-21 03:53:04
Use then method 使用then方法
Here is the jsbin link with working implementation: https://jsbin.com/tawesufuge/1/edit?html,js,output 这是具有有效实现的jsbin链接： https ://jsbin.com/tawesufuge/1/edit?html,js,output
function confirmSwal(ket, callback){ swal({ title: ket, showCancelButton: true, cancelButtonText: 'Batal', confirmButtonClass: 'btn-success', confirmButtonText: 'Hapus', closeOnConfirm: true }).then(callback); } $("#hapusBulk").click(function(){ confirmSwal("Apakah Anda Yakin Hapus Data Terpilih?", function(){ alert("Asd"); }); });
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <script src="https://code.jquery.com/jquery-3.1.0.js"></script> <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script> <button id="hapusBulk">hapusBulk</button> </body> </html>
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.