Topic: trouble with modal opening in already customized Bootstrap template but no error showing

redraider90 free asked 3 years ago

*_Expected behavior_*for the modal to open up and launch

*_Actual behavior_*This works with the function and HTML in a "naked" HTML file, but if I incorporate into an already existing bootstrap template it does not seem to work, but I don't seem to get an error in the console. I see it traversing through the modal attributes in the console pane.

*_Resources (screenshots, code snippets etc.)_*I'm trying to launch a good screen shot here. Not much luck with it.enter image description here

BTW, the code in question is merely the sample code listed here.

In Firefox, I AM getting this error on the console, while I didn't in Chrome:

Uncaught ReferenceError: $ is not defined
Uncaught ReferenceError: $ is not defined

Krzysztof Wilk staff commented 3 years ago


Which version of jQuery do you use? Did you import MDB files?

Best regards

redraider90 free commented 3 years ago

Uh, I'm not sure about that. All I did was copy the HTML code supplied and the JS code supplied, which was a small function. The jQuery file I had included was jquery-3.4.1.min.js. Was there more to it than this? It didn't appear so based on the modal, and that was enough to allow the example to work in one of my files. Perhaps there's some other mdb files to include I didn't know about? I copied it from that URL listed above.

Krzysztof Wilk staff commented 3 years ago


Could you make a snippet with all of your page code? I assume you took a template from the pure Bootstrap page, where our package is not attached. If you are using a more complex environment (not only our package i.e. XAMPP, Node, Laravel, Webpack) - it will be useful if you will tell which one is it.

Best regards

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Desktop
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes