Activación de jquery cuando se hace clic en el botón de entrada 'Gravity Forms'

He actualizado la pregunta porque puede deberse a formularios de gravedad que impiden que funcione una función simple. La razón por la que digo esto es porque he probado tantas opciones (enumeradas a continuación) para activar una función jQuery, y ninguna de ellas funciona cuando deberían.Activación de jquery cuando se hace clic en el botón de entrada 'Gravity Forms'

que tienen una función simple por debajo del cual funciona al 100% ...

var $contactButton = $(".contact-slide a"), 
    $contactSlide = $("#horizon-slide"); 

function() { 
    $contactSlide.stop().css("top","0"); 
};

simple como se pone, pero estoy tratando de activar este cuando mi botón de enviar se hace clic desde una gravedad desde.

Esta es la gravedad wordpress forma de marcado de entrada ...

<input type="submit" id="gform_submit_button_1" class="button gform_button" value="Send" tabindex="7"></input>

Estos son todos los scripts siguientes que he probado, pero ninguno de ellos se ejecutan la función ...

Guión Una

$("input#gform_submit_button_1").on('click', function() { 
    $contactSlide.stop().css("top","0"); 
});

Guión Dos

$("input#gform_submit_button_1").click(function() { 
    $contactSlide.stop().css("top","0"); 
});

Guión Tres

$("input#gform_submit_button_1").focus(function() { 
    $contactSlide.stop().css("top","0"); 
});

Guión Cuatro

$("form#gform_1").submit(function(event) { 
$contactSlide.stop().css("top","0"); 
});

También he intentado ...

return false;

return true;

en todos los guiones anteriores, pero ninguno de ellos regresan a la función. Si configuro los scripts para que devuelvan falso, entonces el formulario no se envía, pero si configuro para devolver verdadero, entonces el formulario envía pero la función no se ejecuta.

¿Por qué sucede esto, pensé que esto sería algo básico?

Gracias por cualquier ayuda.

Fuente

2011-12-12 Joshc

'return true;' en lugar de 'false' – asawyer

Su función de clic devuelve' false'. Esto evita el envío de formularios. –

Intenté esto, y el formulario se envía ahora pero no ejecuta la función – Joshc

$contactInput.focus(function() { 
    $contactSlide.stop().css("top","0"); 
    $('body,html').animate({ 
     scrollTop: 0 
    }, 0); 
    return true; 
});

darle una oportunidad :)

Fuente

2011-12-12 14:11:57

No ejecuta la función, hmmm extraño. He estado revisando tres veces todo mi código, pero el script funciona bien, pero creo que es algo relacionado con el hecho de que la varible no funciona, pero debería estar seguro, o porque estoy usando formas gravitatorias, quizás eso esté interfiriendo. ¿Conoces una forma de hacerlo al agregar un clic en la entrada? Gracias – Joshc

Lo he intentado sin la variable y todavía no ejecuto la función. – Joshc

Se puede controlar desde el formulario de envío si usted tiene una forma ..

<script type="text/javascript" src="js/jquery1.6.1.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 
    $("#forma").submit(function(event) { 
     //do what ever you need to here 
     return false; 
    }); 
}); 
</script> 
<form name="1stform" method="post" action="/"> 
    <input type="text" name="misc" id="misc" /> 
    <input type="submit" name="submit" id="submit" value="submit 1st form"/> 
</form>

Fuente

2011-12-12 14:15:48 Andres

Hola Andres gracias por tu respuesta, probé tu método pero no ejecuta el script. Intenté tanto devolver falso y verdadero. Return false detiene el formulario de enviar, pero return true does ejecuta lo que está dentro de la función – Joshc

Hay un error en el código, debe ser

¿Estás tratando de tener algo correrá sobre el envío de formularios? Si está utilizando el método de envío AJAX del formulario, puede usar el evento gform_confirmation_loaded para ejecutar JavaScript después de enviar el formulario.

$(document).on('gform_confirmation_loaded', function(e, form_id){ 
    if(form_id == 2) { 
     $contactSlide.stop().css("top","0"); 
    } 
});

Se ejecutará en cada envío de formularios de modo que especifique la forma, probar el parámetro form_id pasado al controlador de eventos.

Fuente

2013-05-13 22:27:13 jjeaton

Activación de jquery cuando se hace clic en el botón de entrada 'Gravity Forms'

Respuesta

Cuestiones relacionadas