CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[jQuery] Aucun effet sur mon lien

shaza
shaza
Niveau 10
14 décembre 2016 à 02:20:30

Bonjour,
désolé pour ce sujet du type "ça marche pas". [[sticker:p/1lmk]]

En gros, j'ai suivi des tutos pour comprendre ajax rapidement, et lorsque je clique sur le lien, je suis redirigé, donc le preventdefault ne fonctionne pas.

(function($){
    $('a.like').on('click', function(e){
      e.preventDefault();
      var $a = $(this);
      var url = $a.attr('href');
      $.ajax(url, {
        success: function(){
          $( 'a.like' ).css( "background-color", "green" );
          $( 'a.like' ).css( "color", "white" );
        },
        error: function(jqxhr){
          alert(jqxhr.responseText);
        }
      });
    });
})

J'appelle mon javascript dans la balise head comme ceci :

<head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="design.css" />
    <title>Mon site de foufou</title>
    <script
    type="text/javascript"
  src="https://code.jquery.com/jquery-3.1.1.min.js"
  integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
  crossorigin="anonymous">
  </script>
  <script type="text/javascript" src="script.js"></script>
</head>

:merci:

lisarael
lisarael
Niveau 13
14 décembre 2016 à 12:08:52

Au moment où je javascript est exécuté, les éléments du DOM ne sont pas encore prêts à être manipulés, donc, effectivement, ton code n'est pas pris en compte.

Tu dois déplacer ton code $('a.like').on( … ) dans la fonction de jQuery qui est appelée quand le DOM est prêt à être manipulé : $( function() { … } ).

Ebara
Ebara
Niveau 16
14 décembre 2016 à 13:29:02
$(document).ready(function(){ //ton code });
shaza
shaza
Niveau 10
14 décembre 2016 à 15:39:14

:merci: Ça fonctionne ! [[sticker:p/1lmh]]

Je vais m'y mettre au Jquery ! :oui:

Sous forums
  • Aide à l'achat Mac
  • Création de sites web
  • Internet
  • Macintosh
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment