Evitar hacer clic en el enlace mientras carga la página

Question

Tengo una página web con algunos enlaces, y tengo que interceptar el evento de enlace de clic de jQuery. La tarea se finaliza bien, pero luego surge un problema: si el usuario hace clic en un enlace cuando JavaScript no termina de cargarse, se vincula a otra página (lo cual es un error).

He intentado encontrar una manera de desactivar el enlace-clic antes de que la carga de la página termine, pero la mejor solución ahora es que debo agregar onclick="return false;" a mis enlaces, lo cual no es muy elegante. ¿Hay alguna solución mejor?

Gracias por cualquier ayuda,

Answer 1

He aquí una solución que he resuelto: utilizar un enmascarador delante del enlace para evitar que se produzca un clic.

<div class="LinkMasker"></div> 

.LinkMasker { 
    position: absolute; 
    z-index: 999; 
    width: ...px; 
    height: ...px; 
} 

Después de carga de la página & mi evento están registrados, se quita el enmascarador:

$('.LinkMasker').remove(); 

Answer 2

Usted podría tratar de usar un script de inicialización:

<script language="javascript"> 

var loaded = false; 

function SetLoaded() { loaded = true; } 

window.onload = SetLoaded; 

</script> 

continuación, puede añadir a su onclick="return loaded;" href. Dado que la carga no será verdadera hasta que la página se cargue, debería deshabilitarse cualquier enlace que se agregue.

Answer 3

Haga que jQuery configure los hrefs en los enlaces en su document.ready(). Tal vez prefija sus enlaces con un '#', y jQuery los elimine.

Answer 4

Hoy que estaba frente a este problema, así que hice R & D y cuenta de otra forma de la misma. document.readyState estará 'completo' después de cargar la página para que pueda verificar su valor como.

if(document.readyState=='complete') 
{ 
    //// call script or do anything which you want to do. 
}