user641887
user641887

Reputation: 1586

jquery and bootstrap error

I am trying to build a UI using thymeleaf and i get the following error in the console

enter image description here

below is the code for my html.

enter image description here

can someone please let me know what i am doing wrong.

Upvotes: 2

Views: 341

Answers (3)

Maniruzzaman Akash
Maniruzzaman Akash

Reputation: 5035

To working with Bootstrap Js, There choice is Jquery. Without Jquery Bootstrap js will not work correctly.

So, first Add jquery.min.js and then try to insert bootstrap.min.js. Like,

<script src="jquery.min.js"></script>
<script src="bootstrap.min.js"></script>

And then hope all errors will gone.

Upvotes: 1

Daniel Manta
Daniel Manta

Reputation: 6718

You have added jQuery-ui but it requires jQuery. Same for Bootstrap.js, it requires jQuery. Also, you're adding a number of libraries and stylesheets twice. For example, if you have bootstrap.min.js, you don't need bootstrap.js, because the former is a minified version of the later.

Upvotes: 3

Jakub Ch.
Jakub Ch.

Reputation: 3727

As the error says: you need to include jQuery library. You've provided jQuery UI, which is the quite different library.

Upvotes: 2

Related Questions