getting fadeIn is not a function although I did add jQuery to my HTML file

Question

I'm trying to use jQuery's fadeIn and fadeOut method. This is what I have so far:

var fadeMainGrid = function() { 
$("#picturesGrid").fadeIn();
};

This is how I added jQuery to my HTML file:

<body dir="rtl">

  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>


...
...

</body>

but still, when I try to run fadeMainGrid function, I get this error:

Uncaught TypeError: $(...).fadeIn is not a function

Can't understand what this is happening, I never wrote JS nor used jQuery till this project. Searching the web yield nothing, as everything gave me the same error. What's wrong here?

Jacob · Accepted Answer · 2019-11-14 18:56:29Z

2

It looks like you're loading the slim bundle, which according to the downloads page:

...excludes the ajax and effects modules.

fadeIn and fadeOut would fall into that category. You may need to replace your jQuery bundle with one containing more capabilities.

answered Nov 14, 2019 at 18:56

Jacob

79k24 gold badges159 silver badges245 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

John Doah Over a year ago

Thanks, I didn't see that as I was getting jQuery through the Bootstrap website.

Collectives™ on Stack Overflow

getting fadeIn is not a function although I did add jQuery to my HTML file

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related