'Gravity Forms' 입력 버튼을 클릭할 때 jquery를 트리거합니다.

'Gravity Forms' 입력 버튼을 클릭할 때 jquery를 트리거합니다.

간단한 기능이 작동하지 않는 중력 형태 때문인지 질문을 업데이트했습니다.제가 이 말을 하는 이유는 jQuery 기능을 트리거하기 위해 많은 옵션(아래 나열됨)을 시도했지만 필요할 때 작동하는 옵션이 없기 때문입니다.

저는 100% 작동하는 간단한 기능을 가지고 있습니다.

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

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

간단하지만 중력에서 제출 단추를 클릭하면 이 작업이 시작됩니다.

이것은 언론 중력 형식 입력 마크업이라는 단어입니다.

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

제가 시도한 아래의 스크립트들은 모두 있지만, 그들 중 어떤 것도 기능을 실행하지 않습니다...

스크립트 1

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

대본 2

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

대본 3

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

대본 4

$("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 매개 변수를 테스트합니다.

양식이 있는 경우 제출된 양식에서 제어할 수 있습니다.

<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>

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

한번 해보세요 :)

언급URL : https://stackoverflow.com/questions/8475540/trigger-jquery-when-gravity-forms-input-button-is-clicked