Chamando um script quando o botão clicou
-
27-09-2019 - |
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??
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.