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 :
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 :
Mais ça ne marche pas. Est-ce que quelqu'un sait comment faire ?
Merci
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
-
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.-
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/"; }); }); -
-
J'ai trouvé :
$(document).ready(function(){ $(".lien").click(function() { window.location="https://www.toto.com/"; }); });
Merci encore !
-