Topic: trouble with modal opening in already customized Bootstrap template but no error showing
*_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.
BTW, the code in question is merely the sample code listed here.https://mdbootstrap.com/snippets/jquery/temp/2719775?action=prism_export#html-tab-view
In Firefox, I AM getting this error on the console, while I didn't in Chrome:
Uncaught ReferenceError: $ is not defined
<anonymous> http://127.0.0.1:64350/content/mjm6uw_jd7O2MUo5AACm/5aUbJ6q/akb0PHv/JjPEv72/UK4HuPa:14
UK4HuPa:14:4
<anonymous> http://127.0.0.1:64350/content/mjm6uw_jd7O2MUo5AACm/5aUbJ6q/akb0PHv/JjPEv72/UK4HuPa:14
Uncaught ReferenceError: $ is not defined
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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
Krzysztof Wilk staff commented 3 years ago
Hi!
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
Hi!
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