jQuery Collapse-O-Matic Gravity Forms conflict?

Resolved OWMC
(@olly-owmc)

11 years, 11 months ago

i have 1 page which uses Jquery Collapse-O-Matic. with c-o-m activated i get a white strip at the top of the page with this in it:

“rihemes/gad-whiteboard-child/js/custom-script.js?ver=3.3.2′>”

and when i click on a title that is supposed to expand. it expands, then collapses, then expands again.

when i “inspect element” i see this error:

Uncaught ReferenceError: jQuery is not defined /wp-content/plugins/scripts-gzip/gzip.php?js=wp-content%2Fplugins%2Fjquery-collapse-o-matic%2Fcollapse.js%3Fver%3D1.3.4%2Cwp-content%2Fplugins%2Fgravityforms%2Fjs%2Fgravityforms.js%3Fver%3D1.6.4.4%2Cwp-content%2Fplugins%2Fgravityforms%2Fjs%2Fconditional_logic.js%3Fver%3D1.6.4.4%2Cwp-content%2Fplugins%2Fjquery-collapse-o-matic%2Fcollapse.js%3Fver%3D1.3.4:29

strange thing is, if i deactivate C-O-M, when i click a title that is supposed to expand… it expands! with c-o-m switched off!??

this all happened after i put this code into my functions.php
http://pastie.org/3957149

as advised here: http://wp.tutsplus.com/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins/

this resolved an issue i had with Gravity Forms conditional logic.

i could leave C-O-M deactivated… as it seems to work anyway… but when i hover over the expandable element the cursor looks like a text tool (and not the pointy hand you would expect). but i want to clean this mess up. i am a total retard when it comes to javascripts and wordpress. any advice would be uber appreciated.

http://wordpress.org/extend/plugins/jquery-collapse-o-matic/

Viewing 10 replies - 1 through 10 (of 10 total)

Plugin Author Baden
(@baden03)

11 years, 11 months ago

Olly: There is a lot going on here. Please include a link to your page, as there are a lot of questions that can be answered by actually seeing what is going on.

Thread Starter OWMC
(@olly-owmc)

11 years, 11 months ago

my bad… here are the links:

my C-O-M page:
http://gad-center.com/neuromusculaire/programme-neuromusculaire/

my functions.php
http://pastie.org/3960735

my header.php (if useful):
http://pastie.org/3960718

my theme is a child of whiteboard framework

let me know if you would like to see it with C-O-M switched off. i’m guessing that it’s gravity forms that allows the collapse/expand still to work.
Plugin Author Baden
(@baden03)

11 years, 11 months ago
change wptuts_scripts_load_cdn function in your functions.php to:
```
function wptuts_scripts_load_cdn()  {
    // Deregister the included library
    wp_deregister_script( 'jquery' );  

    // Register the library again from Google's CDN
    wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', array(), null, false );
}
```
Thread Starter OWMC
(@olly-owmc)

11 years, 11 months ago

just did.

now at the top it says

“ripe=”application/wlwmanifest+xml” href=”http://gad-center.com/wp-includes/wlwmanifest.xml” />”

and when i click on the expandable content it still does the expand-collapse-expandagain routine.

Plugin Author Baden
(@baden03)

11 years, 11 months ago

Olly: please set up a temp admin account and send the login details to info (here goes that at symbol) twinpictuers (then a dot) de

We will get this figured out for you.

Thread Starter OWMC
(@olly-owmc)

11 years, 11 months ago

will do straight away.

Thread Starter OWMC
(@olly-owmc)

11 years, 11 months ago

done.

hope you don’t mind the admin is in french… i will switch it to english if you need.

Thread Starter OWMC
(@olly-owmc)

11 years, 11 months ago

wow it looks like you’ve fixed it! but all my images are gone, looks like it’s just the image url is different now. i should be good to fix that myself though. let me know when you’re done anyway, don’t want to interfere if you’re still on it. ta.
Plugin Author Baden
(@baden03)

11 years, 11 months ago
Wow… that was quite something.
1. if you are going write some jQuery scripts in your WordPress template… always use jQuery() never $()… (header and footer have been fixed)
2. you where manually loading the collapse.js script in your 4b temnplate… this forced the javascript to load and fire twice. This has been removed.
3. we de-activated the Scripts Gzip plugin, as it was loading up ALL the scripts on your page twice.
Your page is now functioning without script errors. However, your theme.css file is using background images that are not properly linked. for example:
```
#gad-image-esthetique-laboratoire {
		height:100px;
		width:292px;
		float:left;
		background:url('/3-images/03b6-gad-esthetique-laboratoire.jpg')	;
}
```
There is not file located at /3-images/03b6-gad-esthetique-laboratoire.jpg. If you are going to do it this way, it’s best to give a full url.

-Twinpictures
http://plugins.twinpictures.de/
Thread Starter OWMC
(@olly-owmc)

11 years, 11 months ago

wow! awesome awesome stuff baden.

i will sort the css no probs. thanks for the pointers on what i was doing wrong with javascript. i am less of a retard for it. i feel very much in your debt. outstanding customer service… for a free plugin too.

thanks again.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘jQuery Collapse-O-Matic Gravity Forms conflict?’ is closed to new replies.

Tags