У меня есть таблица, в которой каждая строка имеет кнопку удаления с этой формой
<form id="tableDelete_1">
<input type="hidden" name="tipo" value="delete" />
<input type="submit" name="send" value="Delete" class="btn btn-danger btn-xs" onClick="return confirm(`Are you sure?`)" />
</form>
<form id="tableDelete_2">
<input type="hidden" name="tipo" value="delete" />
<input type="submit" name="send" value="Delete" class="btn btn-danger btn-xs" onClick="return confirm(`Are you sure?`)" />
</form>
Тогда это внизу страницы
$(document).on('submit', '[id^=tableDelete_]' , function() {
return callAjax( $(this).serialize() );
});
function callAjax( data ) {
$.ajax({
type : 'POST',
url : 'call/page.php',
data : data,
success : function(data) { ... },
error: function(data) { ... }
});
return false;
};
Теперь я хочу удалить классический
onClick="return confirm(`Are you sure?`)"
и используйте sweetalert... У меня проблема только при запуске, когда я хочу показать только всплывающее окно с этой функцией
$(document).on('submit', '[id^=tableDelete_]' , function() {
swal({
title: "Are you sure?",
text: "You will not be able to recover this imaginary file!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "Yes, delete it!",
closeOnConfirm: false
},
function(){
swal("Deleted!", "Your imaginary file has been deleted.", "success");
});
};
Всплывающее окно отображается только на секунду, затем страница перезагружается, потому что я думаю, что форма отправлена ...
Пожалуйста, помогите мне