Lightbox conflicts with Tabbed sections

  • campxl
    Asked on November 3, 2017 at 12:27 PM

    Hi - I'm loving your product! 
    We want to use jotform in a lightbox for a customer registration form.  But when the lightbox script is added, our existing tabbed menu sections cease to work.   I presume this is a JQuery conflict, but I don't now how to diagnose or resolve it.  

    ee the problem here: http://www.campxl.org/camps/ski2.php

    The lightbox works, but - as you will see - it is not possible to select the tabbed sections (travel, venue etc).  Removing the script restores the tabs.   

    I've read a fair bit on these pages about similar conflicts, but I can’t seem to find a solution to my case. 

    For the moment we are using a workaround by opening the form in a completely new page - but the lightbox is SO sweet we'd love to find a way to use it! 

    Hoping you can help!!



  • Jan
    Replied on November 3, 2017 at 1:24 PM

    I checked your webpage and I can see multiple script conflicts in the browser's console log.

    150972904811 04 3e2vf Screenshot 10

    In the Lightbox code, please try to remove the "2" in the "feedback2.js" source (src) attribute.

    150972889111 04 6cq1q Screenshot 21

    If the issue persists, please put the "2" back and insert this noConflict function at the top of the Lightbox code.

    <script type="text/javascript">  $.noConflict(); </script>

    If it is still the same, then please move the Lightbox script code at the bottom part of your source code. You can put it below the other script tags. Please take note that it should be above the </body> closing tag.

    Hope one of that solution works. Let us know if you are still having issues. Thank you.

  • campxl
    Replied on November 4, 2017 at 10:18 AM

    Perfect - many thanks. Great support! 

  • Jan
    Replied on November 4, 2017 at 12:18 PM

    Glad I can help. If you need any help, please do not hesitate to contact us. Thank you.