AnsweredAssumed Answered

jQuery and Bootstrap Conflict

Question asked by Jeremy Bell on Oct 3, 2017
Latest reply on Oct 4, 2017 by Kona Jones

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!

Outcomes