PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

dropdowns quit working after gravity forms update

  1. farrelldoc
    Member

    I just updated Gravity Forms to Version 1.5.2.3. As soon as I did that, the drop downs on Piano Black 2.2 stopped working. I tried deactivating GF, removing and replacing the drop downs, deactivating custom menus in the theme and then reactivating it, but no love. I hesitate to completely uninstall GF because I don't want to lose my custom .css and everything else.

    The site is http://www.alvinbaseball.org. Some of the posts that should be drop downs are listed under News in the right column and also a few others under Pages.

    Thanks,
    Karen

    Posted 13 years ago on Saturday May 28, 2011 | Permalink
  2. farrelldoc
    Member

    Oh, I also cleared by browser cache, and I guess I wouldn't lose my .css, but I still hesitate to uninstall. It seems like something was overwritten.

    Posted 13 years ago on Saturday May 28, 2011 | Permalink
  3. Are you talking about drop-down/select form fields or some type of navigation element in your sidebar. I'm not clear on what you're asking about.

    The only Gravity Form I see with dropdown/select fields is working properly in all the browsers I tested it in.

    http://www.alvinbaseball.org/ahs-camp-registration-form/

    Posted 13 years ago on Saturday May 28, 2011 | Permalink
  4. farrelldoc
    Member

    I'm sorry--I mean the drop-down menus at the top of my page in the custom menu. There should be drop downs under Jackets and under Camps & Programs.

    Posted 13 years ago on Saturday May 28, 2011 | Permalink
  5. Ok. Thanks for the clarification. We'll give it a look..

    Posted 13 years ago on Saturday May 28, 2011 | Permalink
  6. farrelldoc
    Member

    Thanks!

    Posted 13 years ago on Saturday May 28, 2011 | Permalink
  7. Hi farrelldoc,

    I noticed that you have two javascript errors on your page: http://grab.by/afil

    These errors may be preventing your theme's dropdowns from displaying. They are likely caused because you are loading these scripts before jQuery. Here is a screenshot of your page code where the two scripts generating the error are loaded before jQuery (highlighted) http://grab.by/afij

    Since these scripts use jQuery, they'll need to be loaded after jQuery.

    Posted 13 years ago on Monday May 30, 2011 | Permalink
  8. farrelldoc
    Member

    Thank you--I found that script (I assume you were speaking of the Add This Analytics script above jquery. I disabled that plugin to remove that script, and that did not solve the problem. Also, I use that plugin with other sites with dropdowns.

    The problem began right after I updated Gravity Forms with the new update. I hadn't done anything else. Is there some code in that update that could conflict with the drop-downs? I tried disabling GF, but that did not solve the problem either.

    Thanks so much!
    Karen

    P.S. The subscribe feature here doesn't seem to be working on this post.

    Posted 13 years ago on Tuesday May 31, 2011 | Permalink
  9. farrelldoc
    Member

    I just tried deactivating every plugin, and that did not work either.

    Thanks,
    Karen

    Posted 13 years ago on Tuesday May 31, 2011 | Permalink
  10. Hi Karen,

    If you take another look back at this screenshot: http://grab.by/afij ...you'll see that there are two scripts being loaded above jQuery that rely on jQuery and should be loaded below jQuery. This is not necessarily a plugin issue and may reside with the theme itself. Here are both scripts that are generating errors on the page:

    [html]
    <script type="text/javascript" src="http://alvinbaseball.org/wp-content/themes/piano-black/js/scroll.js"></script>
    <script type="text/javascript" src="http://alvinbaseball.org/wp-content/themes/piano-black/js/jscript.js"></script>

    Gravity Forms will only load GF-related scripts and does not add/remove either of the scripts above. You will probably find that these scripts are being added manually in your header.php file.

    Posted 13 years ago on Tuesday May 31, 2011 | Permalink
  11. farrelldoc
    Member

    Thank you again for your help! Here's what I found in my header.php file:

    This is the only reference to jquery:
    Line 65: <?php wp_enqueue_script( 'jquery' ); ?>

    This is the only reference to scroll.js:
    Line 69: <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/scroll.js"></script>

    Do I misunderstand about how the load order works, and jquery should be below scroll.js (like line 70) for this problem to resolve?

    Posted 13 years ago on Tuesday May 31, 2011 | Permalink
  12. farrelldoc
    Member

    I realize that this might be unrelated to the forms, but I'm at a loss. Here is the jquery script code in the header. I don't understand what could be causing the problem:

    <?php wp_enqueue_script( 'jquery' ); ?>
    <?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/scroll.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jscript.js"></script>
    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/comment.js"></script>
    Posted 13 years ago on Wednesday June 1, 2011 | Permalink
  13. farrelldoc
    Member

    Does GF also load jquery?

    Posted 13 years ago on Wednesday June 1, 2011 | Permalink
  14. Hi farrelldoc,

    When a script is enqueued it is not immediately output on that line. Instead it is added to the "queue" of scripts that should be outputted when the wp_head() function is called.

    I would recommend enqueueing the all scripts rather than directly outputting them to the page (which is what your theme is currently doing). This will make sure that they are output in the correct location. You are also able to set script dependencies to ensure that any other scripts that your script is dependent on are loaded before your script.

    You can find more information about enqueueing scripts here:

    http://codex.wordpress.org/Function_Reference/wp_enqueue_script

    Don't forget to set jQuery as a dependency for both of your scripts generating errors.

    Posted 13 years ago on Thursday June 2, 2011 | Permalink
  15. farrelldoc
    Member

    Thank you so much for your help! I really appreciate it. :)

    Posted 13 years ago on Thursday June 2, 2011 | Permalink
  16. Glad to help. :)

    Were you able to resolve this issue?

    Posted 13 years ago on Thursday June 2, 2011 | Permalink