单击“重力窗体”输入按钮时触发jquery
单击“重力窗体”输入按钮时触发jquery
提问于 2011-12-12 14:07:58
我更新了这个问题，因为它可能是因为重力形式，它阻止了一个简单的函数工作。我之所以这么说，是因为我尝试了这么多选项(如下所示)来触发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" class="button gform_button" 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，则表单提交但函数不运行。
为什么会发生这种事，我以为这是最基本的东西？
谢谢你的帮助。
回答 3
Stack Overflow用户
发布于 2013-05-13 22:27:13
你是想在提交表格的时候做些什么吗？如果使用表单的AJAX提交方法，则可以在表单提交后使用已加载事件运行一些JavaScript。
$(document).on('gform_confirmation_loaded', function(e, form_id){
if(form_id == 2) {
$contactSlide.stop().css("top","0");
}
});它将在每个表单提交上运行，因此为了指定表单，测试传递给事件处理程序的form_id参数。
Stack Overflow用户
发布于 2011-12-12 14:11:57
$contactInput.focus(function () {
$contactSlide.stop().css("top","0");
$('body,html').animate({
scrollTop: 0
}, 0);
return true;
});试试看:)
Stack Overflow用户
发布于 2011-12-12 14:15:48
如果有表单，可以通过表单提交来控制它。
<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>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/8475540
复制相关文章
相似问题
腾讯云开发者
