WordPress.org

Support

Support » Plugins and Hacks » [Resolved] jQuery Collapse-O-Matic Gravity Forms conflict?

[Resolved] jQuery Collapse-O-Matic Gravity Forms conflict?

  • 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

    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.

    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

    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 );
    }

    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

    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.

    will do straight away.

    done.

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

    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

    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

    Home

    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 ‘[Resolved] jQuery Collapse-O-Matic Gravity Forms conflict?’ is closed to new replies.