Désactiver lien avant chargement complet d'un script

Version imprimable

31/01/2013, 19h02
nicerico

Désactiver lien avant chargement complet d'un script
Bonjour

avec un lien, j'ouvre une lightbox
mais si on clic trop vite c'est le href qui prime et donc plus de lightbox mais ouverture de la page du lien

Code:

<a class="lightbox" href="http://www.developpez.net">lien</a>

pour l'ouverture j'utilise
Code:

1 2 3 4 5 6 jQuery('a.lightbox').on('click', function(e) { e.preventDefault(); e.stopPropagation(); olightBox.loadPopup(jQuery(this).attr('rel')); return false; });
je pensais pouvoir gérer ça avec
Code:

1 2 e.preventDefault(); e.stopPropagation();
Mais non ...
je m'en remet à vous
merci de votre aide :)
31/01/2013, 22h09
NoSmoking

Bonsoir,
pourquoi ne pas prendre le problème à l'envers et activer le lien une fois la page chargée.
01/02/2013, 08h46
nicerico
en fait dans ma page , j'ai un :

Code:

<script language="JavaScript" src="http://monscriptjs.com/script.js"></script>

qui contient toutes mes fonctions js

dans le body, il y a le lien

et dans mon script (script.js) j'ai mis
Code:

1 2 3 4 5 $(function() { $("a").click(function() { return false; }); });
mon souci reste le meme, le lien est actif assez de temps pour cliquer dessus
avant le chargement complet de mon script js

je ne vois pas de solution :(

merci de votre aide
01/02/2013, 10h50
nicerico

J'ai pensé mettre le body en display none
mais que je le "fadein"
c'est encore trop tôt et le lien est encore actif :(
01/02/2013, 10h51
NoSmoking
il te faut masquer ton lien, par exemple

Code:

<a style="display:none" class="lightbox" href="http://www.developpez.net">lien</a>

et une fois le document chargé l'afficher
Code:

1 2 3 $(function() { $('.lightbox').show(); });
nota: autant mettre le display:none dans la classe lightbox.
01/02/2013, 14h18
nicerico

Merci pour votre réponse

mais j'ai une contrainte : les liens ne peuvent être initialisé en display none
:(
01/02/2013, 15h27
NoSmoking
Bizarre comme truc...
ajoutes dans ce cas l'attribut href au chargement de la page.
Code:

1 2 3 $(function() { $('.lightbox').attr('href','http://www.developpez.net'); });
il faut bien évidement prendre soin de ne pas mettre de lien dans le href de départ.

En espérant qu'il ny ait pas de contrainte supplémentaire du style, je ne peux voir de href vide :mrgreen:
01/02/2013, 15h39
Bovino
Sinon, une solution (pas testée) pourrait être de mettre ce code juste après l'ouverture de la balise <body> (donc avant l'apparition des liens dans le DOM) :
Code:

1 2 3 4 $('body').on('click.tmp', 'a', function(){return false;}); $(function(){ $('body').off('.tmp'); });