Bom estou tendo o seguinte problema. O jQuery identifica a tag data-link
para recuperar o link e redirecionar a página. Logo após isso o botando tem que ser desabilitado.
O problema e que ao clicar no botão ele e desabilitado e não é redirecionado.
Como faço para ele ser desabilitado só depois? Isso e para evitar um duplo clique.
$("body").on('click', '[data-link]', function() {
console.log($(this).data('link'));
// Verifica se tem link
if (typeof $(this).data('link') !== 'undefined') {
document.location.href = $(this).data('link');
}
});
$(document).ready(function () {
// verificação de clieque
$("button").click(function () {
if(!$(this).disabled){
// Desabilita o botao
$(this).prop('disabled', true);
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button type='submit' data-link="http://www.google.com">OK</button>
<br>
<Br><br><br>
<div data-link="http://www.google.com">OK</div>