Redirection Jquery onclick

Résolu
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

  1. 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.
    1. 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/"; });
      });
      
    2. 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 ?
    3. J'ai trouvé :
      $(document).ready(function(){
             $(".lien").click(function() { window.location="https://www.toto.com/"; });
      });


      Merci encore !