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.

jQuery/theme conflicts?

  1. cottonmanifesto
    Member

    I am having issues with conditional formatting which, I assume, is related to jQuery but have no idea how to fix this. I've checked and the form works fine with Twenty Eleven so it's theme-related clashing.

    This is the site: http://putterhamgrille.com/wordpress/

    The related post is "Order Form."

    Any help/direction is appreciated!

    Posted 12 years ago on Thursday July 19, 2012 | Permalink
  2. David Peralty

    Hi there, this line here is your problem:

    <script type='text/javascript' src='http://putterhamgrille.com/wordpress/wp-content/themes/SideWindr/sidewindr/js/jquery.js?ver=3.4.1'></script>

    WordPress by default comes with version 1.7.1 and you're trying to use 1.6.4.

    Posted 12 years ago on Thursday July 19, 2012 | Permalink
  3. cottonmanifesto
    Member

    so changing the url to the wp version of js (1.7.1) should fix it?

    Posted 12 years ago on Thursday July 19, 2012 | Permalink
  4. David Peralty

    Or having the theme developer not include his own version of JQuery, and leave WordPress to use the latest one would also fix it. But yes, if you can remove that one and put in the 1.7.1 or above, it should go a long way towards fixing your current issue.

    Posted 12 years ago on Thursday July 19, 2012 | Permalink
  5. cottonmanifesto
    Member

    ok, i've left a message with the theme developer and replaced the older jquery with 1.7.2 and it's still not working.

    Posted 12 years ago on Thursday July 19, 2012 | Permalink
  6. David Peralty

    We are going to have to wait for a response from the theme developer because I can't see any reason why Gravity Forms wouldn't work. It could be some kind of AJAX conflict, but I don't see any errors. And since you mentioned it worked in Twenty-Eleven, I'm not sure what I could do to unravel the issue.

    Posted 12 years ago on Thursday July 19, 2012 | Permalink
  7. cottonmanifesto
    Member

    i just got this helpful reply from the theme developer:

    The theme required that specific version of jQuery, I can't test every plugin for every theme.</blockquote

    Posted 12 years ago on Thursday July 19, 2012 | Permalink
  8. David Peralty

    That's very helpful of him or her... I guess we at least know it is a theme conflict. Could you edit the header and pull out his JavaScript calls one by one until the offending one is found? It might remove features from your site, but at least it could help us narrow down the issue.

    Posted 12 years ago on Thursday July 19, 2012 | Permalink
  9. cottonmanifesto
    Member

    header.php doesn't seem to call jquery. as per this forum and wordpress.org's help, i added a jquery call and that totally broke everything.

    you can see the header code here: http://pastie.org/4286014

    Posted 12 years ago on Thursday July 19, 2012 | Permalink
  10. cottonmanifesto
    Member

    actually, even without conditional formatting, the form isn't showing. boo!

    Posted 12 years ago on Thursday July 19, 2012 | Permalink
  11. David Peralty

    Can you re-load the Twenty-Eleven theme to confirm that it is a theme conflict?

    Posted 12 years ago on Thursday July 19, 2012 | Permalink
  12. cottonmanifesto
    Member

    you want me to switch it now? so you can see? done - have a look, form appears fine.

    Posted 12 years ago on Thursday July 19, 2012 | Permalink
  13. David Peralty

    Okay, and switch it back. I am going to contact the dev team to see if there is anything we can do to help. We know it is a theme issue, so it is hard for us to untangle the special JQuery/JS he might have set-up.

    Posted 12 years ago on Thursday July 19, 2012 | Permalink
  14. cottonmanifesto
    Member

    thank you SO MUCH - i really really really appreciate it!!!

    Posted 12 years ago on Thursday July 19, 2012 | Permalink
  15. cottonmanifesto
    Member

    it seems that associating ajax with the form causes the problem. i created a new-non ajax form and it displays fine, but then disappears when i use conditionals.

    possibly helpful are the warnings via firebug's console, there are a lot of them so four pasties!

    http://pastie.org/4289270
    http://pastie.org/4289277
    http://pastie.org/4289285
    http://pastie.org/4289294

    Posted 12 years ago on Friday July 20, 2012 | Permalink
  16. AJAX not working and conditional logic not working are both symptoms of a JavaScript or jQuery conflict or error. You need to resolve those issues so that both AJAX and conditional logic will work.

    You posted a lot of CSS warnings which are unrelated and won't cause trouble with AJAX or conditional logic. I'm afraid you're back to talking to the developer who created the theme or site to resolve the conflict.

    Posted 12 years ago on Friday July 20, 2012 | Permalink
  17. cottonmanifesto
    Member

    firebug's console isn't showing any errors. do you have any other suggestions as to how to find an error?

    Posted 12 years ago on Friday July 20, 2012 | Permalink
  18. cottonmanifesto
    Member

    when conditional formatting is on, IE displays a wordpress comment form on the 'order online' post - is that helpful at all?

    Posted 12 years ago on Friday July 20, 2012 | Permalink
  19. That's not really helpful. But you might want to remove the contact form from this page since there is another form there already. But that is not causing your errors.

    Posted 12 years ago on Friday July 20, 2012 | Permalink