1

Estoy tratando de llamar al evento click con jquery, asi tengo mi codigo html.

$('#cargar').click(function(){
		alert("hola");
		
	});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="button" value="Autorizar!" id="cargar">https://es.stackoverflow.com/questions/ask#

Aqui funciona perfecto el evento, pero en mi documento no, ya que ese botón lo genero por medio de un documento de php, influye que el botón es generado después de que se carga el css???

5
  • El CSS no tiene que ver, por otro lado ¿en qué orden llamas al archivo donde se genera el botón y el archivo js que lee el evento click?
    – user128299
    Commented el 13 may. 2020 a las 17:15
  • Ese boton se genera despues de que cambia un select y el css lo llamo al momento de cargar la pagina @BetaM Commented el 13 may. 2020 a las 17:16
  • ¿Obtienes en consola algún error que puedas añadir a tu pregunta?
    – user128299
    Commented el 13 may. 2020 a las 17:18
  • Ningún error @BetaM Commented el 13 may. 2020 a las 17:20
  • @BetaM ya lo pude solucionar: $('#informe').on("click", '#cargar', function(){ alert("hola"); }); , $('#informe') es un div donde poso mi tabla después de crearla, buscando un poco encontre esta solucion y me funciono, gracias por tu interes Commented el 13 may. 2020 a las 17:25

1 respuesta 1

2

Esto no funciona porque estás cargando primero el script y después el HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$('#cargar').click(function(){
		alert("hola");
});
</script>
<input type="button" value="Autorizar!" id="cargar">

En este otro, se carga el script después del HTML y sí funciona

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="button" value="Autorizar!" id="cargar">
<script>
$('#cargar').click(function(){
		alert("hola");
});
</script>

Si tus scripts están en un archivo externo, coloca la etiqueta <script src="..."></script> hasta abajo, antes de </body> o usa una función para que los scripts se ejecuten después de cargar el HTML:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(function() { // <-- Esto hace que se ejecute el código hasta que se cargó el DOM
    $('#cargar').click(function(){
		    alert("hola");
    });
});
</script>
<input type="button" value="Autorizar!" id="cargar">

1
  • Gracias por tu respues @Triby, eso supuse cuando escribí la pregunta, la solucion que encontre fue esta: $('#informe').on("click", '#cargar', function(){ alert("hola"); }); y me funciono ya que $('#informe') es un div donde cargo la tabla le asigne de manera virtual el evento click a ese elemento y le dije que no mas cargue el boton sea el boton que reciba el evento click y me funciono perfecto. Commented el 13 may. 2020 a las 17:36

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.