https://legacy.forums.gravityhelp.com/topic/jquery-conflict-with-nextgen Gravity Support Forums Topic: jQuery conflict with Nextgen en-US Mon, 20 Apr 2026 20:34:15 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/jquery-conflict-with-nextgen#post-33542 Thu, 25 Aug 2011 10:28:49 +0000 Chris Hajer 33542@https://legacy.forums.gravityhelp.com/ <p>I'm glad you got it sorted out. </p> https://legacy.forums.gravityhelp.com/topic/jquery-conflict-with-nextgen#post-33525 Thu, 25 Aug 2011 07:01:41 +0000 Nordisk Center for Glas 33525@https://legacy.forums.gravityhelp.com/ <p>I planning on embedding gravity forms on other pages too, and I like the fact, that the script also worked with the search functions/page!</p> <p>Unfortunately the revised script didn't work, but thanks.</p> <p>EDIT: It works now!</p> <p>I compared the code generated with and without wp_head(), and found that all kind of Nextgen code was there and these three lines:<br /> <pre><code>&lt;script type=&#39;text/javascript&#39; src=&#39;http://ncfg.dk/wp-includes/js/l10n.js?ver=20101110&#39;&gt;&lt;/script&gt; &lt;script type=&#39;text/javascript&#39; src=&#39;http://ncfg.dk/wp-includes/js/jquery/jquery.js?ver=1.6.1&#39;&gt;&lt;/script&gt; &lt;script type=&#39;text/javascript&#39; src=&#39;http://ncfg.dk/wp-includes/js/jquery/jquery.form.js?ver=2.73&#39;&gt;&lt;/script&gt;</code></pre> <p>which seemed important :)</p> <p>so I replaced wp_head() with those three lines, and now both the script and Nextgen behaves.</p> <p>Thanks for your repsonse though. Tip top support. </p> https://legacy.forums.gravityhelp.com/topic/jquery-conflict-with-nextgen#post-33438 Wed, 24 Aug 2011 14:55:25 +0000 Chris Hajer 33438@https://legacy.forums.gravityhelp.com/ <p>Actually, I think the problem is that you were prepared to use jQuery.noConflict as $j, but you never did. All references to jQuery after the line that begins <strong>$var $j = </strong> should be changed to $j. Try this:</p> <pre><code>[js] &lt;script type=&quot;text/javascript&quot;&gt; var $j = jQuery.noConflict(); $j(document).ready(function() { $j.fn.cleardefault = function() { return this.focus(function() { if( this.value == this.defaultValue ) { this.value = &quot;&quot;; } }).blur(function() { if( !this.value.length ) { this.value = this.defaultValue; } }); }; $j(&quot;.clearit input, .clearit textarea, #insearchbox input.field&quot;).cleardefault(); }); &lt;/script&gt;</code></pre> https://legacy.forums.gravityhelp.com/topic/jquery-conflict-with-nextgen#post-33436 Wed, 24 Aug 2011 14:49:24 +0000 Chris Hajer 33436@https://legacy.forums.gravityhelp.com/ <p>Ahh, so you are including the clearit script on all pages, when it's really only needed on the one page? Are there other pages that require the script? We can make the code specific to that one page, or figure out what the conflict it. It will be pretty easy to include the clearit script on just the one page if that solution will work for you. </p> https://legacy.forums.gravityhelp.com/topic/jquery-conflict-with-nextgen#post-33423 Wed, 24 Aug 2011 13:18:23 +0000 Nordisk Center for Glas 33423@https://legacy.forums.gravityhelp.com/ <p>Yes! All the pages with nextgen galleries has Javascript errors (ie front page). I am using image browser functionality in Nextgen plugin, but the wp_head somehow turn on a thickbox effect.<br /> Obviously I know nothing about jQuery, but maybe it's possible to make the wp_head() specific to the "clearit" script? </p> https://legacy.forums.gravityhelp.com/topic/jquery-conflict-with-nextgen#post-33413 Wed, 24 Aug 2011 11:50:07 +0000 Chris Hajer 33413@https://legacy.forums.gravityhelp.com/ <p>I found the form where you're using the jQuery here:<br /> <a href="http://ncfg.dk/tilmeld" rel="nofollow">http://ncfg.dk/tilmeld</a></p> <p>It seems to work fine, and there are no JavaScript errors. Is there another page where there ARE JavaScript errors or layout issues due to the addition of this script? Thanks </p> https://legacy.forums.gravityhelp.com/topic/jquery-conflict-with-nextgen#post-33397 Wed, 24 Aug 2011 08:02:55 +0000 Nordisk Center for Glas 33397@https://legacy.forums.gravityhelp.com/ <p>Yes: </p> <p><a href="http://www.ncfg.dk" rel="nofollow">http://www.ncfg.dk</a></p> <p>thanks. </p> https://legacy.forums.gravityhelp.com/topic/jquery-conflict-with-nextgen#post-33325 Tue, 23 Aug 2011 15:59:21 +0000 Chris Hajer 33325@https://legacy.forums.gravityhelp.com/ <p>Can you post a link to your site where this conflict is visible? Thanks. </p> https://legacy.forums.gravityhelp.com/topic/jquery-conflict-with-nextgen#post-33307 Tue, 23 Aug 2011 12:13:13 +0000 Nordisk Center for Glas 33307@https://legacy.forums.gravityhelp.com/ <p>Hello.<br /> Just discovered this small script:</p> <p><a href="http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/" rel="nofollow">http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/</a></p> <p>which exactly what I'm after, BUT it conflicts with the Nextgen gallery, getting som strange layout issues. I put the </p> <pre><code>&lt;?php wp_enqueue_script(&quot;jquery&quot;); ?&gt; &lt;?php wp_head(); ?&gt;</code></pre> <p>in my header before the script.<br /> I found some posts recommending a no conflict mode, but know absolutely 0 about jQuery.</p> <p>thanks in advance. </p>