Lightbox conflicts with Tabbed sections

  • Profile Image
    campxl
    Asked on November 03, 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!!



  • Profile Image
    Jan
    Answered on November 03, 2017 at 01:24 PM

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

    150972904811-04-3e2vf.png

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

    150972889111-04-6cq1q.png

    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.

  • Profile Image
    campxl
    Answered on November 04, 2017 at 10:18 AM

    Perfect - many thanks. Great support! 

  • Profile Image
    Jan
    Answered on November 04, 2017 at 12:18 PM

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