Bootstrap affecting Javascript scripts?

Hi

Not sure where to put this one, or what to title it to be honest, hoping someone may be able to shed some light on it.

I have a site that uses Bootstrap, that works OK.
In said site I use a javascript library for making a slider out of form input values.
Both these options work fine until bootstrap collapses the menu, at this point 2 of my 5 sliders stop responding, the other 3 continue to work fine.

The section that holds the sliders is loaded by Ajax depending on the viewport size when the page is refreshed, at first I thought it was a scope issue but it works fine on 3/5 and they are all coded the same.

The only thing that is consistant is that as soon as the width reduces to collapse the menu they stop working.

the site is www.myfrenchproperty.com set your browser to 780px width and hit the search menu option you’ll see all 5 sliders work, now reduce the browsers width until the menu collapses and try the bottom two again.

Any ideas ?

TIA

On the latest Chrome, at a width of <780px, with a collapsed menu, all your sliders work for me. Although they do spill out of their containers onto the map behind.

Did you get this fixed, or are you still experiencing issues?

Are you testing the bottom two ? the ones not on the map.

Yes the screen redraw is disabled so changing the width will cause the sliders to spill at the moment.

The issue is still there and not working in any of my browsers, ipad, iphone, android phone etc :frowning:

OK found the issue

I needed to wrap each slider control in its own “row” div for the 3 top ones I had done this but not for the bottom two.

Thanks for your time Pullo :slight_smile:

Glad you got it sorted. I was just playing around with your site and could reproduce the problem, then when I refreshed the page, it started working :slight_smile:

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.