जब 'ग्रेविटी फॉर्म' इनपुट बटन पर क्लिक किया जाता है तो ट्रिगर jquery

Question

पर क्लिक किया गया है, मैंने प्रश्न को अद्यतन किया है क्योंकि यह गुरुत्वाकर्षण रूपों के कारण हो सकता है जो काम करने से एक साधारण कार्य रोक रहा है। कारण यह है कि ऐसा इसलिए है क्योंकि मैंने 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> 

ये है कि नीचे सभी स्क्रिप्ट मैं कोशिश की है रहे हैं, लेकिन उनमें से कोई भी समारोह को चलाने ...

स्क्रिप्ट एक

$("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; 

ऊपर लिपियों के सभी पर

, लेकिन उनमें से कोई समारोह लौटने। यदि मैं स्क्रिप्ट को झूठी लौटने के लिए सेट करता हूं तो फॉर्म सबमिट नहीं होता है, लेकिन अगर मैं सत्य वापस करने के लिए सेट करता हूं, तो फॉर्म सबमिट करता है लेकिन फ़ंक्शन नहीं चलता है।

ऐसा क्यों हो रहा है, मैंने सोचा कि यह मूलभूत सामान होगा?

किसी भी मदद के लिए धन्यवाद।

Answer 1

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

कोशिश :) दें

Answer 2

आप रूप से यह नियंत्रित कर सकते हैं अगर आप एक रूप है प्रस्तुत ..

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

Answer 3

आप प्रपत्र प्रस्तुत करने पर चलाने के लिए कुछ है करने की कोशिश कर रहे हैं? यदि आप फॉर्म के AJAX सबमिशन विधि का उपयोग कर रहे हैं तो आप फ़ॉर्म के सबमिट होने के बाद कुछ जावास्क्रिप्ट चलाने के लिए gform_confirmation_loaded ईवेंट का उपयोग कर सकते हैं।

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

यह फॉर्म निर्दिष्ट करने के लिए प्रत्येक फॉर्म सबमिशन पर चलाएगा, ईवेंट हैंडलर को पास किए गए form_id पैरामीटर का परीक्षण करें।