Redirection Jquery onclick

Résolu
Vitaly58 Messages postés 43 Date d'inscription   Statut Membre Dernière intervention   -  
Vitaly58 Messages postés 43 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

J'ai besoin d'utiliser jQuery pour faire une redirection lors d'un clic sur un lien.

L'idée est de faire exactement comme on pourrait le faire en javascript :
window.onload=function() {
document.getElementById("lien").onclick = function() {
document.location.href="https://www.toto.com/";
}; 
}


Sachant que mon lien a un id="lien", comment faire la même chose en jQuery ?

Je ne connais pas trop jquery donc j'ai d'abord mis ça dans le head : <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

Ensuite j'ai essayé avec un code de type :
$("#lien").click(function()
    {
    window.location="https://www.toto.com/";
    });


Mais ça ne marche pas. Est-ce que quelqu'un sait comment faire ?

Merci

1 réponse

DarkAurora Messages postés 417 Date d'inscription   Statut Membre Dernière intervention   27
 
Je pense savoir ou se situe le problème. Tu as fait "l'équivalent" en JS mais pas en jQuery

pour définir un évènement tu dois attendre le chargement de tes éléments HTML pour initialiser certaines méthodes.

il suffit de définir :
$(document).ready(function(){
       $("#lien").click(function() { window.location="https://www.toto.com/"; });
});


de cette manière ce que tu souhaite faire se réalise.
3
DarkAurora Messages postés 417 Date d'inscription   Statut Membre Dernière intervention   27
 
si tu souhaite créer ton élément #lien après le chargement du document il faudra utiliser cette syntaxe :
$(document).ready(function(){
       $("#lien").live('click', function() { window.location="https://www.toto.com/"; });
});
0
Vitaly58 Messages postés 43 Date d'inscription   Statut Membre Dernière intervention   19
 
Bonsoir,

En effet, cela fonctionne parfaitement ! Merci, juste une dernière chose, est-il possible de faire la même chose sur plusieurs liens d'une même page en se basant non plus sur id="lien" mais sur class="lien" afin que tous les éléments qui ont la class lien soient pris en compte ?
0
Vitaly58 Messages postés 43 Date d'inscription   Statut Membre Dernière intervention   19
 
J'ai trouvé :
$(document).ready(function(){
       $(".lien").click(function() { window.location="https://www.toto.com/"; });
});


Merci encore !
0