Pourquoi cette fonction de clic jQuery ne fonctionne-t-elle pas ?

Question

Pourquoi cette fonction de clic jQuery ne fonctionne-t-elle pas ?

Demandé el 4 de Septembre, 2013: Quand la question a-t-elle été
385759 affichage: Nombre de visites la question a
5 Réponses: Nombre de réponses aux questions
Résolu: Situation réelle de la question

Code :

<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $("#clicker").click(function () {
        alert("Hello!");
        $(".hide_div").hide();
    });
</script>

Le code ci-dessus ne fonctionne pas. Lorsque je clique sur le #clicker, il n'y a pas d'alerte et il ne se cache pas. J'ai vérifié dans la console et je n'obtiens aucune erreur. J'ai également vérifié si JQuery se chargeait et c'est le cas. Je ne suis donc pas sûr de l'origine du problème. J'ai également utilisé une fonction document ready avec une alerte et cela a fonctionné. Veuillez m'aider. Merci.

Demandé el 4 de Septembre, 2013 par starbucks

Answer 1

5 Réponses

Answer 2

211voto

mobius Points 4824

Vous êtes censé ajouter le code javascript dans un fichier de type $(document).ready(function() {}); bloc.

c'est-à-dire

$(document).ready(function() {
  $("#clicker").click(function () {
    alert("Hello!");
    $(".hide_div").hide();
  });
});

Comme Documentation sur jQuery déclare : "Une page ne peut pas être manipulée en toute sécurité tant que le document n'est pas "prêt". jQuery détecte cet état de préparation pour vous. Code inclus dans $( document ).ready() ne s'exécutera que lorsque le Document Object Model (DOM) de la page sera prêt pour l'exécution du code JavaScript".

Répondu el 4 de Septembre, 2013 par mobius (4824 Points )

Answer 3

89voto

user5636597 Points 911

J'ai trouvé la meilleure solution à ce problème en utilisant ON avec $(document).

 $(document).on('click', '#yourid', function() { alert("hello"); });

pour l'identification du début, voir ci-dessous :

$(document).on('click', 'div[id^="start"]', function() {
alert ('hello'); });

Finalement, après une semaine, je n'ai plus besoin d'ajouter le déclencheur onclick. J'espère que cela aidera beaucoup de gens

Répondu el 3 de Décembre, 2015 par user5636597 (911 Points )

Answer 4

21voto

sємsєм Points 2999

Votre code peut fonctionner sans document.ready(). Assurez-vous simplement que votre script se trouve après le #clicker. Regardez cette démo : http://jsbin.com/aPAsaZo/1/

L'idée dans le concept prêt. Si vous êtes sûr que votre script est le dernier élément de votre page ou qu'il se trouve après l'élément concerné, cela fonctionnera.

<!DOCTYPE html>
<html>
<head>

<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <script src="https://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>
  <a href="#" id="clicker" value="Click Me!" >Click Me</a>
  <script type="text/javascript">

        $("#clicker").click(function () {
            alert("Hello!");
            $(".hide_div").hide();

        });

</script>

</body>
</html>

Avis : Dans le jsbin remplacer la démo http con https dans le code, ou utilisez cette variante Démo

Répondu el 4 de Septembre, 2013 par sємsєм (2999 Points )

Answer 5

5voto

tjons Points 1288

Essayez d'ajouter $(document).ready(function(){ au début de votre script, puis }); . De plus, est-ce que le div contient l'identifiant correctement, c'est-à-dire en tant qu'identifiant, pas en tant que classe, etc.

Répondu el 4 de Septembre, 2013 par tjons (1288 Points )

Answer 6

5voto

aldanux Points 4845

Vous devez entourer votre code Javascript de la mention $(document).ready(function(){}); Regarde ça. JSfiddle .

Code JS :

$(document).ready(function() {

    $("#clicker").click(function () {
        alert("Hello!");
        $(".hide_div").hide();    
    });
});

Répondu el 4 de Septembre, 2013 par aldanux (4845 Points )

Pourquoi cette fonction de clic jQuery ne fonctionne-t-elle pas ?

Réponses

Questions en vedette

Top Tags

Prograide.com

Powered by:

Pourquoi cette fonction de clic jQuery ne fonctionne-t-elle pas ?

Réponses

Questions en vedette

Top Tags

Dans notre réseau

Prograide.com

Powered by: