Topic: fullcalendar causes conflict with lightbox

Chris Sweeney premium asked 6 years ago


Hi I'm developing a site - see http://tymairllandudno.co.uk/1pageCal.php - and once I've added the availability calendar, the lightbox functioning on the photos section stops working. The image open full screen, but the arrows have disappeared. It's not a major problem, as you can still swipe on a touchscreen or use the arrow keys on a keyboard (if the user knows about this!) Is there a simple way to restore this functionality? Many thanks Chris

Ollie Vincent pro commented 6 years ago

Hi, Just a quick question - the lightbox arrows use background images here /img/lightbox/default-skin.png but I couldn't seem to find them in the browser. Can you confirm if you have them? If so then it might be a styling issue with the calendar overwriting the arrows. Thanks

Chris Sweeney premium commented 6 years ago

Hi Olie - thanks for looking; it is a conflict, as the arrows and carousel functionality work fine until I add the jquery fro the fullcalendar. Unfortunately, deleting either jquery instance makes one or the other fail! Cheers Chris

Chris Sweeney premium commented 6 years ago

We're getting somewhere! I was mistaken, it isn't working on the other page on the same site - I copied it all from another site where it is working and I assumed it still did! I've now found the folder, copied it and everything is working as it should. Many thanks for the help, Cheers Chris

Ollie Vincent pro commented 6 years ago

Hi, You can't have two lots of JQuery running together because that will cause conflicts... Just been back on the site and the arrows, close cross and full screen option all seem to show and work correctly in the lightbox... does the calendar still work too? Or have you removed something? Thanks

Ollie Vincent pro commented 6 years ago

No problem, just saw your last comment :)


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags