Llama a un script cuando se hace clic en el botón

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

Pregunta

En una página web para móviles jQuery, me gustaría llamar a un script definido dentro de etiquetas script en la sección HEAD de la 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>

Cuando el se hace clic en el botón , quiero que el alerta que se muestra . Pero no pasa nada cuando se hace clic en el botón.

  

Podría alguien decirme dónde voy mal?

EDIT1:

El siguiente código nos lleva a la alerta en Firefox & Opera navegadores de escritorio . 

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



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

Cualquier razón por la cual el mismo no trabajo con Opera Mobile & navegadores Fennec - donde se muestra la Cargando página de error de diálogo ??

¿Fue útil?

Solución 2

El problema se debía a instrucciones de depuración como

  

depurador;

     

debug.info (....)

que se entiende por Firefox / Firebug, pero fueron causando problemas en navegadores Fennec y Opera Mobile .

Otros consejos

Su problema es que usted está en busca de $('#button') antes de que exista ...

Trate de envolver su código jQuery en un $(document).ready(function(){ ... }) o su alias contracción jQuery(function(){})

La otra opción es incluir su inicialización del evento click en el botón hasta después existe la #button en el DOM. En otras palabras, se puede mover la etiqueta <script> a la parte inferior de la página y debería funcionar.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top