trouble with modal opening in already customized Bootstrap t


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

redraider90 asked 2 months 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.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

Krzysztof Wilk staff commented 2 months ago

Hi!

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

Best regards


redraider90 commented 2 months 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 2 months 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


Please insert min. 20 characters.
Status

Open

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