jQuery .cliquez sur pas de travail

Nous avons un problème dans IE avec certains utilisateurs où l'événement onclick ne fonctionne pas:

<button type="button" id="btnSomething" name="btnSomething" onClick="myFunction();">Continue</button>

Après avoir insisté sur le net, les gens ont suggéré d'utiliser du jQuery .cliquez sur l'événement pour la compatibilité du navigateur.

J'ai donc essayé ce qui suit:

<script type="text/javascript">$('#btnSomething').click(function(){myFunction();});</script>

Cela ne fonctionne pas, j'ai essayé d'ajouter dans alert('test'); mais ce n'est pas appelée. Si cela fait une différence, je n'ai pas enlever la onClick="mafonction();" à partir de l'élément de bouton, tout en ajoutant la ci-dessus JS directement après le bouton dans le fichier HTML.

OriginalL'auteur Igor K | 2010-10-12

  1. 2

    Deux points ici. Tout d'abord, vous ne devez lier vos gestionnaires d'événements lorsque le DOM est terminée. jQuery facilite pour vous: vous devriez toujours mettre votre code jQuery dans le document.ready gestionnaire:

    $(document).ready(function(){
    $('#btnSomething').click(function(){
        around ();
    });
});

    Deuxième, parce que votre fonction a déjà un nom (around), vous n'avez pas besoin d'ajouter le supplément de fonction anonyme; vous pouvez l'appeler comme ceci:

    $(document).ready(function(){
    $('#btnSomething').click(around);
});
    Im la sortie du bloc de SCRIPT directement après le HTML est sortie de façon dynamique à l'aide de la Réponse.Écrire. Je vais essayer .prêt cependant avait pensé que ce n'était pas nécessaire.
    Essayé ce bien qu'il ne fonctionne pas.
    Dans ce cas, il y a un problème quelque part dans votre code. Pourriez-vous nous donner un lien, ou la télécharger sur jsFiddle/jsBin?

    OriginalL'auteur lonesomeday

  2. 1

    Comme d'autres l'ont dit, vous avez besoin à l'intérieur d'un document.ready gestionnaire, mais il peut être beaucoup plus courte, comme ceci:

    <script type="text/javascript">
  $(function(){ 
    $('#btnSomething').click(around);
  });
</script>

    Si vous ne pas l'avoir à l'intérieur d'un ready gestionnaire, le $('#btnSomething') ne peut pas trouver l'élément, il ne sera pas dans le DOM pour trouver encore.

    OriginalL'auteur Nick Craver

  3. 0

    Si le bouton est contenue dans un formulaire, assurez-vous de retourner faux dans la fonction de clic pour empêcher le formulaire de soumission.

    Merci je vais cependant ce n'est pas un bouton d'envoi, le type de bouton, pas de soumettre.

    OriginalL'auteur Gene

  4. 0

    igor,

    vous aurez besoin de faire référence à la lib jquery et puis faire quelque chose comme ceci:

    <script src= "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

$(function(){
   $('#btnSomething').click(function(){
       around ();
   });
});

    aussi, supprimer le onclick section de votre bouton - unobtrussive javascript.
    espérons que cela fonctionne..

    jQuery est déjà utilisé dans l'application et est sur la page. Fait une erreur dans l'écriture "autour de ()", doit avoir été "mafonction()", exactement le même que l'événement onClick. J'ai essayé comme ça et ça ne fonctionne pas.

    OriginalL'auteur jim tollan

  5. 0

    il fonctionne très bien. assurez-vous d'exécuter votre code jQuery dans un domready bloc. voir ici: http://jsbin.com/inubo4

    Qui ne fonctionne pas dans notre application, pour une raison quelconque.

    OriginalL'auteur Moin Zaman