Chiamare uno script quando il pulsante cliccato

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

Domanda

In una pagina web per cellulari jQuery, vorrei chiamare uno script definito all'interno di tag script nella sezione HEAD del 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>

Quando il fa clic sul pulsante , voglio che il avviso da visualizzare . Ma non accade nulla quando il pulsante viene premuto.

  

Qualcuno potrebbe dirmi dove sto andando male?

Edit1:

Il codice seguente porta in primo piano l'avviso in Firefox e Opera Desktop Browser . 

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


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

Qual è il motivo per cui lo stesso non lavoro con Opera Mobile e browser Fennec - dove si mostra il Errore di caricamento pagina finestra ??

È stato utile?

Soluzione 2

Il problema era dovuto a dichiarazioni di debug come

  

debugger;

     

debug.info (....)

che sono state comprese da Firefox / Firebug, ma sono stati causando problemi in browser Fennec & Opera mobile .

Altri suggerimenti

Il problema è che si sta cercando $('#button') prima che esista ...

Prova avvolgendo il codice jQuery in un suo alias stenografia $(document).ready(function(){ ... }) o jQuery(function(){})

L'altra opzione è quella di includere il vostro inizializzazione l'evento click sul pulsante fino a DOPO esiste il #button nel DOM. In altre parole, è possibile spostare il tag <script> al fondo della pagina e dovrebbe funzionare.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top