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? Commented 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
    Commented el 22 dic. 2017 a las 20:51
  • usas eventPreventDefault?
    – Alvarez
    Commented 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
    Commented 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
    Commented 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
    Commented 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 Commented el 22 dic. 2017 a las 21:12
  • stackoverflow.com/questions/3273350/…
    – azeós
    Commented el 22 dic. 2017 a las 21:12
  • 1
    Solucionado! Tuve que hacer cambios y poner myFunction() a function(){myFunction()}) y funciona bien!
    – SaitoHs
    Commented el 22 dic. 2017 a las 21:16
  • @SaitoHs mira el enlace que comparte azeós, muy bueno, acabo de aprender algo nuevo. Commented el 22 dic. 2017 a las 21:39

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.