Chamando um script quando o botão clicou

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

Pergunta

Em uma página da web móvel jQuery, gostaria de chamar um script definido nas tags de script na seção principal do 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 o O botão é clicado, Eu quero o Alerta a ser mostrado. Mas nada acontece quando o botão é clicado.

Alguém poderia me dizer onde estou dando errado?

Edit1:

O código a seguir levanta o alerta dentro Raposa de fogo & Navegador de mesa de ópera. 

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



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

Qualquer motivo pelo qual o mesmo não trabalhar com Opera Mobile & Navegadores Fennec - onde mostra o Página de carregamento de erro diálogo??

Foi útil?

Solução 2

O problema foi devido a declarações de depuração como

depurador;

Debug.info (....)

que foram entendidos pelo Firefox/Firebug, mas foram causando problemas dentro Navegadores móveis Fennec & Opera.

Outras dicas

Seu problema é que você está procurando $('#button') Antes de existir ...

Tente embrulhar seu código jQuery em um $(document).ready(function(){ ... }) ou seu pseudônimo de abreviação jQuery(function(){})

A outra opção é incluir sua inicialização do evento de clique no botão até depois do #button existe no DOM. Em outras palavras, você pode mover seu <script> Tag na parte inferior da página e ela deve funcionar.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top