Hello,
I am using Bootstrap 4. In order to use Bootstrap 4 I have to use a more recent version of jQuery than the default v.1.7 that Canvas uses. However, when I use a later version (e.g. 3.2.1) then Canvas's sidebar buttons break. The modals for "profile" and "accounts" bring up the following error when clicked.
Does anyone know how to allow bootstrap to use one version of jQuery and Canvas use another version of jQuery? I know there is $.noConflict() method for jQuery, but I'm not sure how to implement it in this particular situation.
My build is that I install Bootstrap and jQuery using an npm install. Then I use browersify to package it up into a single js file that I can upload to canvas.
All my bootstrap elements work great in the lesson, but the sidebar is broken.
Thanks for your suggestions!
Kona Jones Thanks! I actually figured it out. Maybe just needed you guys for a sound board.
For anyone else looking for this solution, you basically have to add $.noConflict(true) at the end of your bootstrap.js file. That way Bootstrap will use the updated version of jQuery, and then release it so that Canvas can use the older version of jQuery.