Chasing down jotforms / jquery 1.5.1 conflict

  • Profile Image
    Asked on April 07, 2011 at 04:39 AM

    Have taken my forms source code from here and embeded it into a wordpress text widget. I use jquery 1.5.1 and a few jquery plugins on my site. When I use jotforms source code some jquery functionality is broken. I have removed all of the jquery plugins I use and have concluded they are not the issue.

    It's the main jotforms script <script src="//" type="text/javascript"></script> that breaks some of the jquery functionality on my page, though not all of it. You can see the issue here

    The jquery carousel at the top of the page is unaffected. The jquery testimonial carousel in the right sidebar is broken and any jquery that I try to apply to the form itself is broken.


    Any ideas?


  • Profile Image
    Answered on April 08, 2011 at 11:24 AM


    Is the homepage the actual page in question? I've taken a look at it and found no problems with your testimonial carousel. It is working fine alongside your Jotform form. 


    This might be a browser issue on your end. Can you tell me which browser and what version you are using?

  • Profile Image
    Answered on April 09, 2011 at 07:20 PM

    Sorry I gave you the live site url, the staging url is

  • Profile Image
    Answered on April 10, 2011 at 01:09 AM


    By looking at your code, seems that you embedded using full source. Can you embed using script source (<script src="//"></script>)?  I believe this will fix it up.

    Hope this helps.

  • Profile Image
    Answered on April 10, 2011 at 10:15 AM


    I checked again your site and it seems to work properly now.

    If you're still having problems, please do let us know.


  • Profile Image
    Answered on April 11, 2011 at 03:37 AM


    Afraid it's still got the same issue. Some jquery broken by using the full source. I need to use the full source as I need to apply jquery to the forms themselves, I am under the impression you need to be using the source to do this.

    At the moment the form source code is killing my testimonial slider, its killing the jquery plugin that I use to give anchor tags a slide effect. It also kills any jquery that I apply to the forms themselves. If I remove

    <script src="//" type="text/javascript"></script>

    Issues are resolved, but ofcourse, the forms don't work.



  • Profile Image
    Answered on April 11, 2011 at 09:36 AM


    I don't think it will be possible to use jquery in the fields of jotform as your carousel conflicts with the jotform script.

    May I know exactly what are you considering on doing with your form and using jquery in it? Maybe I can find a solution for it.

    Update: I lack a bit knowledge with jquery, but have you tried running jquery in noConflict mode? Not sure if it will work but please do let us know if it does.


  • Profile Image
    Answered on April 11, 2011 at 10:58 AM

    So far I have been trying to figure out a way how to put up these two for compatibility but unfortunately, it's still not yet possible for some certain scripts to work along side by side. Although some do work alright.

  • Profile Image
    Answered on April 11, 2011 at 12:01 PM

    after jQuery Plugin: Scroll to Top code applied, the feedback button disappear.

  • Profile Image
    Answered on April 14, 2011 at 02:18 PM

    my jquery / jotform  solution is:

    1) Create your jotform and put it into a new page.  Call it page1.html

    2) Create a second page and call the first page via an iframe like:

    <iframe scr="page1.html" frameborder="0"... > </iframe>

    Both jQuery libraries and jotform libraries use the $ and that was causing a conflict.

  • Profile Image
    Answered on April 16, 2011 at 04:40 AM

    Hi LionelMellsey,

    Following the lead of joe_zaro, I have experimented on using Iframe as a possible workaround while the Jquery-Jotform incompatibility issue is being remedied by our developers.

    Please create a new web page and paste the following code:

    <script src="//" type="text/javascript">
    new JotformFeedback({
    formId: "10921225162",
    buttonText: "Contact - standard",
    base: "",
    buttonSide: "top",
    buttonAlign: "right",
    width: 700,height: 500});
    </script></script><iframe src="" frameborder=0 width=100% height=100% scrolling=auto align=middle></iframe>

    Note: change the highlighted text with your website's URL.This is a simplified code. You can further customize it according to your needs.

    The above code basically consists of a Feedback Form script and an Iframe tag to display your website. In this case, the Jquery script and JotForm Feedback Form script can co-exist since their codes will not interfere with each other because they are embedded on different pages. Please try this and let us know if it will work for you or not.

    We appreciate your understanding on this matter. Rest assured that this is being attended to by our team. Thank you for using JotForm!


  • Profile Image
    Answered on November 15, 2011 at 07:04 AM

    Hello phantomdentist,

    As much as this thread has been forgotten, I just would like to share that one of my colleagues was able to pull off something regarding the conflict between JotForm and jQuery carousel.  You can read more details about the solution on this thread.