Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

JavaScript

Problem with hidden contact form using Bootstrap

Hi Guys,

Have a problem with a website I've developed using the Bootstrap framework, the website is working nearly as it should and is near completion but the hidden form I've created called 'Quick Quote' doesn't work on the 'projects' page and I can't figure out why, any help would be appreciated and I'm a .js novice before anyone asks

the link to the website its currently uploaded to is 'www.pixelll.co.uk' the page the 'quick quote' form in the navbar doesn't work on is 'www.pixelll.co.uk/projects.html'

Thanks!

3 Answers

Jeff Lemay
Jeff Lemay
14,266 Points

Only took a quick look but I'd imagine your gallery plugin is conflicting with whatever plugin you are using to show the quote form in a lightbox.

Check this page out for dealing with conflicts: https://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/

I thought it was that, whenever I remove either one the opposite works, I'll take a look! thanks!

Colin Bell
Colin Bell
29,679 Points

Are you loading jQuery first? Also looks like you're loading up two separate versions of jQuery.

Just wondering, but why are you using fancybox? Why not use bootstrap's modal since you're already using bootstrap?

I realised I'd loaded jQuery twice and removed the other source and I'll have a look at the bootstrap modal :-)

Colin Bell
Colin Bell
29,679 Points

Just one fewer JS file to load up, and it's essentially the same thing.

Let me know if you have any questions.