How to choose the order of the assets ?
If `bootstrap/button` is loaded before `jquery-ui`, the Bootstrap button functions don't work.
Asset loading example :
Button toggling :
// I have a simple bootstrap button in my template. $('.btn').button('toggle'); // Doesn't work
Now, if I swap the contents of `jquery-ui.js` and `button.js`, everything works fine.
How can I force `jquery-ui.js` to load before `boostrap/button` ?
I did a quick search and it looks like there is a conflict between Bootstrap 3 button.js and jQuery UI.
This blog post listed this as the cause:
"There’s a conflict between jQueryUI and Twitter Bootstrap buttons because they both define $.fn.button()."
I was able to get button.js working by requiring the assets in the single page where the buttons would be used.
This will load jquery-ui.js before button.js.