单击“重力表单”输入按钮时触发jquery

单击“重力表单”输入按钮时触发jquery,第1张

概述我已经更新了这个问题,因为它可能是因为重力形式阻止了一个简单的功能.我说这个的原因是因为我尝试了很多选项(如下所列)来触发jQuery函数,并且它们都不能正常工作. 我有一个简单的功能,100%以下工作…… var $contactButton = $(".contact-slide a"), $contactSlide = $("#horizon-slide");functio 我已经更新了这个问题,因为它可能是因为重力形式阻止了一个简单的功能.我说这个的原因是因为我尝试了很多选项(如下所列)来触发jquery函数,并且它们都不能正常工作.

我有一个简单的功能,100%以下工作……

var $contactbutton  = $(".contact-slIDe a"),$contactSlIDe   = $("#horizon-slIDe");function () {    $contactSlIDe.stop().CSS("top","0");};

它很简单,但是当我从重力点击我的提交按钮时,我正试图触发它.

这是wordpress重力形式的输入标记……

<input type="submit" ID="gform_submit_button_1"  value="Send" tabindex="7"></input>

以下是我尝试过的所有脚本,但没有一个运行该函数…

脚本一

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

脚本二

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

脚本三

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

脚本四

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

我也试过……

return false;

return true;

在上面的所有脚本上,但没有一个返回该函数.如果我将脚本设置为返回false,那么表单不会提交,但如果我设置为返回true,则表单提交但函数不会运行.

为什么会这样,我认为这将是基本的东西?

谢谢你的帮助.

解决方法 您是否尝试在表单提交时运行某些内容?如果您正在使用表单的AJAX提交方法,则可以在提交表单后使用 gform_confirmation_loaded事件运行一些JavaScript.

$(document).on('gform_confirmation_loaded',function(e,form_ID){   if(form_ID == 2) {       $contactSlIDe.stop().CSS("top","0");   }});

它将在每个表单提交上运行,以便指定表单,测试传递给事件处理程序的form_ID参数.

总结

以上是内存溢出为你收集整理的单击“重力表单”输入按钮时触发jquery全部内容,希望文章能够帮你解决单击“重力表单”输入按钮时触发jquery所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1078818.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-27
下一篇 2022-05-27

发表评论

登录后才能评论

评论列表(0条)

保存