script order for jquery with bootstrap


script order for jquery with bootstrap

I'm new to jquery and bootstrap, and I can't get them to play nicely with each other. I have a page with both bootstrap dropdowns and jquery sliders.  However, I can't get both of them to work at the same time. 
Bootstrap dropdowns work with this file, and sliders break







Answer 1:

oh yeah now i see sorry. You have to load your actual jquery first, else UI won't work either. So this should be the head

<script src="//"></script> 
<script src="//" type="text/javascript"></script> 
<script src="/bootstrap/js/bootstrap.min.js"></script> 
<script src="/js/slider_input.js"></script>

<link rel="stylesheet" href="" type="text/css" media="all" />
<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">

Also in html5 you need to leave off the 'type="text/javascript"', like the bootstrap one, also be consisten, so if you have it on the other, also add it to the bootstrap, it has to do with loading rules.

Answer 2:

Not sure, but it seems like your Bootstrap version requires a newer version of jQuery to run properly, try to replace:

<script src="" type="text/javascript"></script>


 <script src="//"></script>

and then leaving it off in your body.

Let me know what happens then.

Note: Don't ever load two jQuerys, they will break and stop the working of your functions, and especially when you use ajax on your page.

Answer 3:

"jQuery must come first,
then Popper.js, and then our [bootstrap]
JavaScript plugins."
Bootstrap 4.x javascript script order: