Eu tenho dentro desse bootbox, dois botões, no primeiro que esta escrito "Enviar Relatorio de Erro" Eu queria que quando a pessoa clicasse ele mostrasse tipo um glyphicon indicando que esta processando o envio e impossibilitasse a pessoa de clicar de novo. Abaixo o meu código:
<script src="~/Scripts/bootbox.min.js"></script>
<script>
$(document).ready(function () {
$.getJSON('@Url.Action("Ajax_Teste")', function (response) {
alert("getJson sucesso");
}).fail(function (data) {
bootbox.confirm({
message: "Não foi possível processar a sua requisição",
buttons: {
confirm: {
label: '<span class="glyphicon glyphicon-envelope"></span> Enviar o relatório de Erro.',
className: 'btn-success',
},
cancel: {
label: 'Não enviar',
className: 'btn-danger',
}
},
callback: function (result) {
//aqui entrará meu código
if (result)
console.log("confirmou");
else
console.log("cancelou");
}
})
});
});
</script>
Eu sei que devo inserir isso aqui:
$(document).ready(function(){
$(".btn").click(function(){
$(this).button('enviando');
});
});
Mais como inserir isso ai nesse contexto?