Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by maxwadsworth
maxwadsworth
1,476 Points

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,268 Points
Jeff Lemay
Jeff Lemay
14,268 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/

maxwadsworth
maxwadsworth
1,476 Points
maxwadsworth
maxwadsworth
1,476 Points

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
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?

maxwadsworth
maxwadsworth
1,476 Points

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
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.