jQuery and JotForm lightbox conflict

  • Profile Image
    Asked on June 28, 2011 at 11:18 PM

    I am trying to use the lightbox form of the JotForm on a page that also uses jQuery.

    My site can currently be found here: http://admin2.collegepublisher.com/se/the-justice/contact .


    I am using the IFRAME for the "Letter to the Editor" form, but the Lightbox is being used for the "News Tips" form (click on the big News Tips button).


    You can see that the jquery is broken as the tabs on the right sidebar are not displaying correctly (there should be one tab that is visibly "selected")


    Thanks for your help!

  • Profile Image
    Answered on June 30, 2011 at 09:13 AM

    Have you tried the jQuery noConflict function? http://api.jquery.com/jQuery.noConflict/

  • Profile Image
    Answered on July 20, 2011 at 11:49 PM

    How can apply that to the light box script?

  • Profile Image
    Answered on July 22, 2011 at 04:17 AM


    The solution pointed to by serkan is applied to the actual jquery plugin that's conflicting with Jotform's lightbox script. In other words, you would need to modify the script for the jquery plugin in your page and add that function.


  • Profile Image
    Answered on April 25, 2015 at 08:31 PM

    Another solution I found is to simply move the jotform lightbox code to the footer of the site. That seems to allow the conflicting script to load first without any issue.

    - Andrew