Appeler un script lorsque vous cliquez sur le bouton

StackOverflow https://stackoverflow.com/questions/4265776

Question

Dans une page Web mobile jquery, je voudrais appeler un script défini dans les balises de script dans la section HEAD du jsp. 

<head>

    <link rel="stylesheet" type="text/css" href="jquerymobile/jquery.mobile-1.0a1.min.css" />
    <script type="text/javascript" src="jquerymobile/jquery-1.4.3.min.js"></script>
    <script type="text/javascript" src="jquerymobile/jquery.mobile-1.0a1.min.js"></script>

    <script>

        $("#button").click( function()
           {
             alert('button clicked');
           }
        );
    </script>

</head>

<body>
    <html:errors/>

    <div data-role="page" data-theme='a'>

      <div data-role="header">
        <h1>jquerymobile</h1>
      </div>

      <div data-role="content">
        <div id="button" data-role="button">Click on button</div>
      </div>

   </div>
</body>

clique sur le bouton , je veux que le Alerte à afficher . Mais rien ne se passe lorsque le bouton est cliqué.

  

Quelqu'un pourrait-il me dire où je me trompe?

EDIT1:

Le code suivant fait apparaître l'alerte Firefox Opera Bureau Browsers . 

  $(document).ready(function() {
      $("#vbutton").click(function() {
          alert("clicked");
      });
  });


  <a id="vbutton" data-role="button">Click Button</a>

Toute raison pour laquelle la même ne pas travailler avec Opera Mobile navigateurs Fennec - où il affiche l'erreur Chargement page dialogue ??

Était-ce utile?

La solution 2

Le problème était dû à des instructions de débogage comme

  

débogueur;

     

debug.info (....)

qui ont été compris par Firefox / Firebug, mais étaient causant des problèmes & Opera Fennec Les navigateurs mobiles .

Autres conseils

Votre problème est que vous recherchez $('#button') avant qu'il existe ...

Essayez d'envelopper votre code jQuery dans un $(document).ready(function(){ ... }) ou son alias raccourci jQuery(function(){})

L'autre option est d'inclure votre initialisation de l'événement, cliquez sur le bouton jusqu'à ce que le AFTER #button existe dans les DOM. En d'autres termes, vous pouvez déplacer votre balise de <script> au bas de la page et il devrait fonctionner.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top