https://legacy.forums.gravityhelp.com/topic/gf-plugin-causes-jquery-conflict Gravity Support Forums Topic: GF Plugin Causes jQuery Conflict en-US Sat, 04 Apr 2026 23:57:09 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/gf-plugin-causes-jquery-conflict#post-60901 Wed, 30 May 2012 20:18:37 +0000 Travis 60901@https://legacy.forums.gravityhelp.com/ <p>So I solved this, but there seems to be something wrong with Gravity Forms that I am working around when I customized the input fields.</p> <p>I added a JS file via the gform_post_paging hook that went into the hidden fields and added a checked attribute.</p> <pre><code>// Adds Checked attribute to hidden fields on page 2 of form add_action( &#39;gform_post_paging&#39;, &#39;wps_gform_add_checked&#39; ); function wps_gform_add_checked( $form ) { // Enqueue script only on the proper form if ( 5 == $form[&#39;id&#39;] &amp;&amp; ! is_admin() ) { wp_enqueue_script( &#39;wps_gf_checked&#39;, plugins_url( &#39;js/checked.js&#39;, __FILE__ ), array( &#39;jquery&#39; ), &#39;1.0&#39; ); $args = array( &#39;input_5&#39; =&gt; $_POST[&#39;input_5&#39;], &#39;input_8&#39; =&gt; $_POST[&#39;input_8&#39;], ); wp_localize_script( &#39;wps_gf_checked&#39;, &#39;wps_gf_checked&#39;, $args ); } }</code></pre> <p>The JS file:<br /> <pre><code>jQuery(function($) { $(&#39;#gform_page_5_1 #input_5_5 input&#39;).each(function() { if(wps_gf_checked.input_5 == $(this).val()) $(this).attr(&#39;checked&#39;,&#39;checked&#39;) }); $(&#39;#gform_page_5_1 #input_5_8 input&#39;).each(function() { if(wps_gf_checked.input_8 == $(this).val()) $(this).attr(&#39;checked&#39;,&#39;checked&#39;) }); });</code></pre> <p>However, it seems that GF should have stored the $_POST correctly. Because on page 2, here is the $_POST var:<br /> <pre><code>Array ( [input_5] =&gt; design02 [input_8] =&gt; background02 [input_1] =&gt; [input_6] =&gt; [input_2_3] =&gt; [input_2_6] =&gt; [input_3_1] =&gt; [input_3_2] =&gt; [input_3_3] =&gt; [input_3_4] =&gt; [input_3_5] =&gt; [input_3_6] =&gt; [input_4] =&gt; [input_11] =&gt; [is_submit_5] =&gt; 1 [gform_submit] =&gt; 5 [gform_unique_id] =&gt; 4fc6b84796a84 [state_5] =&gt; {DELETED by wpsmith} = [gform_target_page_number_5] =&gt; 2 [gform_source_page_number_5] =&gt; 1 [gform_field_values] =&gt; )</code></pre> <p>So, $_POST obviously sees that input_5 and input_8 are saved correctly, even with the same nomenclature as GF. So I do not understand why GF didn't automatically check these as appropriate. Thoughts? </p> https://legacy.forums.gravityhelp.com/topic/gf-plugin-causes-jquery-conflict#post-60899 Wed, 30 May 2012 19:19:48 +0000 Travis 60899@https://legacy.forums.gravityhelp.com/ <p>Hello Alex,</p> <p>Instead of the jQuery conflict now (on a clean MS install), my 2 customized fields won't save though I see the in $_POST. Am I going to need to hook into gform_pre_submission to make it work?</p> <p>Thanks,</p> <p>Travis </p> https://legacy.forums.gravityhelp.com/topic/gf-plugin-causes-jquery-conflict#post-60841 Wed, 30 May 2012 15:00:53 +0000 Alex Cancado 60841@https://legacy.forums.gravityhelp.com/ <p>I don't get the error. Everything seems to be working OK here. If you want to send me a WP admin login and an FTP login to <a href="mailto:alex@rocketgenius.com">alex@rocketgenius.com</a> I can take a closer look for you </p> https://legacy.forums.gravityhelp.com/topic/gf-plugin-causes-jquery-conflict#post-60839 Wed, 30 May 2012 14:54:49 +0000 Travis 60839@https://legacy.forums.gravityhelp.com/ <p>Alex, the JS errors are as follows.</p> <ol> <li>Install plugin &amp; activate</li> <li>Import sample form (get form ID)</li> <li>Modify plugin (line 32, $wps_gform_id = FORM ID; designed for only one form)</li> <li>Edit sample form; Add field</li> <li>Error</li> </ol> <p>Thanks, Alex! </p> https://legacy.forums.gravityhelp.com/topic/gf-plugin-causes-jquery-conflict#post-60838 Wed, 30 May 2012 14:50:09 +0000 Alex Cancado 60838@https://legacy.forums.gravityhelp.com/ <p>i have installed the plugin and imported your sample form, but I don't see any javascript errors. What are the steps I need to take in order to see the error? </p> https://legacy.forums.gravityhelp.com/topic/gf-plugin-causes-jquery-conflict#post-60790 Wed, 30 May 2012 11:20:13 +0000 Travis 60790@https://legacy.forums.gravityhelp.com/ <p>In a Gravity Form customization I made, which is just a mere edit the input fields, it causes a javascript error with tw-sack.js when adding additional fields.</p> <p><a href="http://wpsmith.net/files/gravity_forms/gf-preview.zip" rel="nofollow">GF Customization Plugin</a> (sample form included).</p> <p>No other plugins are installed. Only GF 1.6.4.4.2 on WP 3.3.x. Any help is greatly appreciated. </p>