Desabilitar um link ao clicar uma vez

Posta o código de como você tentou fazer utilizando o jquery

<script type="text/javascript">
        $("#listar")
        .click(function(){
        $("#listar").setAttribute("disable", "true");
        });
</script>

usei esse.

Uma solução é você tirar o href do link para ter mais controle:

<script>var clicou = false;</script>
<a href="javascript:;" onclick="if(!clicou){clicou = true; alert('só aceita o clique uma vez');}" >Clique aqui</a>

Então, ao invés alert voce poderia colocar document.location = ‘pagina_destino.html’; que funciona como o href.

att

Gustavo Marques:

Uma solução é você tirar o href do link para ter mais controle:

<script>var clicou = false;</script>
<a href="javascript:;" onclick="if(!clicou){clicou = true; alert('só aceita o clique uma vez');}" >Clique aqui</a>

Então, ao invés alert voce poderia colocar document.location = ‘pagina_destino.html’; que funciona como o href.

att

Interessante, nunca tinha pensado nisso, vou testar aqui.

edit: adaptei um pouco por causa do framework daki e deu certo, obrigado.

MusashiBR:

Gustavo Marques:

Uma solução é você tirar o href do link para ter mais controle:

<script>var clicou = false;</script>
<a href="javascript:;" onclick="if(!clicou){clicou = true; alert('só aceita o clique uma vez');}" >Clique aqui</a>

Então, ao invés alert voce poderia colocar document.location = ‘pagina_destino.html’; que funciona como o href.

att

Interessante, nunca tinha pensado nisso, vou testar aqui.

edit: adaptei um pouco por causa do framework daki e deu certo, obrigado.

Uma maneira eu diria mais elegante, seria fazer algo do tipo:

$(document).ready(function() {		
	$("a").on("click", function(e) {
		if($(this).hasClass("disabled")) {
			e.preventDefault();
			return;
		}			
		$(this).toggleClass("disabled");
	});			
});

//Daniel

windsofhell:

Uma maneira eu diria mais elegante, seria fazer algo do tipo:

$(document).ready(function() {		
	$("a").on("click", function(e) {
		if($(this).hasClass("disabled")) {
			e.preventDefault();
			return;
		}			
		$(this).toggleClass("disabled");
	});			
});

//Daniel

esta solução não deu certo por causa do datatables, estranho mas o mesmo ficou desabilitado se eu usar esse jquery.