1

Estoy en medio de un proyecto web en el cual un botón esta oculto y lo muestro cuando accedo a una página. Para esto, hago uso de jquery.

El problema resulta que a la hora de añadir el evento al botón oculto, el evento se activa. Resumiendo, el evento se une al botón pero también se ejecuta una vez.

¿Cómo puedo solucionar esto?

Probé con lo siguiente:

$("#cuadro_opciones").toggle()
$("#concretar_oferta").on("click",myFuncion())

En mi código, e incluso probando en la consola del navegador y aún así pasa.

5
  • quieres que el evento se ejecute en un boton oculto? o quieres que funcione al hacerlo aparecer? el 22 dic. 2017 a las 20:50
  • Deberías poner el código completo... puede que la función se llame desde otra parte o que hayan otros elementos con el mismo id... Si no muestras todo el código será difícil determinar lo que ocurre.
    – A. Cedano
    el 22 dic. 2017 a las 20:51
  • usas eventPreventDefault?
    – Alvarez
    el 22 dic. 2017 a las 20:52
  • Quiero que el botón aparezca y después asignarle la función, pero que solo se ejecute cuando se de click.
    – SaitoHs
    el 22 dic. 2017 a las 21:02
  • SaitoHs: en lugar de marcar como "solucionado", publica tu propia respuesta y acéptala → ¿Puedo responder a mi propia pregunta?
    – fedorqui
    el 28 jun. 2018 a las 14:42

1 respuesta 1

5

Imagino que esto es lo que te está pasando:

$("#concretar_oferta").on("click",myFuncion())

function myFuncion(){
  console.log('hola');
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button id="concretar_oferta">Ejecutar</button>

Te explico, al momento de asignar la función al evento estás usando los paréntesis () con lo cual estás ejecutando la función inmediatamente, entonces para solucionar esto solo debes asignar la función únicamente por su nombre, sin paréntesis:

$("#concretar_oferta").on("click",myFuncion)

function myFuncion(){
  console.log('hola');
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button id="concretar_oferta">Ejecutar</button>

6
  • Pero, ¿Qué pasa si necesito pasar parámetros?
    – SaitoHs
    el 22 dic. 2017 a las 21:01
  • @SaitoHs hermano la verdad no sabría como, una opción es escribir la función ahí mismo en el evento y no aparte el 22 dic. 2017 a las 21:12
  • stackoverflow.com/questions/3273350/…
    – azeós
    el 22 dic. 2017 a las 21:12
  • 1
    Solucionado! Tuve que hacer cambios y poner myFunction() a function(){myFunction()}) y funciona bien!
    – SaitoHs
    el 22 dic. 2017 a las 21:16
  • @SaitoHs mira el enlace que comparte azeós, muy bueno, acabo de aprender algo nuevo. el 22 dic. 2017 a las 21:39

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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