fadeOut() isn't working ? Why?

Question

I'm trying to fade element out using jquery .... no luck

HTML element I'm struggling to fade out:

<div class="alert alert-success" id='success' style='margin-top: 
20px;width:320px;' role="alert"><strong>Done.</strong><br>
    Comment updated.</div>

Jquery bit:

<script type="text/javascript">

    $(document).ready(function(){
       $('#success').click(function() {
       $(this).fadeOut();
   });
});
</script>

and I'm using this cdn to pull Jquery from Jquery servers:

  <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"
integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n"
 crossorigin="anonymous"></script>

Any idea why this is not working ?

what's the error in the console of your browser? Is there any? — Sean T, Nov 29 '17 at 18:56
The pasted jQuery bit is invalid JavaScript. You are missing a closing brace on the function that you pass to `click`. — grammar, Nov 29 '17 at 18:57
I admit I completely forgotten about the console. It says `Uncaught ReferenceError: $ is not defined`. — Marky Mark, Nov 29 '17 at 18:58
In that case I'd ensure you're using the correct cdn, and that you're referencing it in the head of your html. — Sean T, Nov 29 '17 at 18:59
1) Slim doesn't have animations. 2) Works fine. https://jsfiddle.net/davelnewton/7ckmxy35/ — Dave Newton, Nov 29 '17 at 19:00
Yes, it is ... I'll try different cdn link. The one from Google perhaps. — Marky Mark, Nov 29 '17 at 19:01
Yeah folks .... It was the wrong cdn link. I pasted in the proper one without that "slim" thingy in it and it works .. — Marky Mark, Nov 29 '17 at 19:03
@Dave Newton If you post your answer as suggested answer I'll nike it for you. — Marky Mark, Nov 29 '17 at 19:04

score 2 · Accepted Answer · answered Nov 29 '17 at 19:05

2

as @ManuelOtto mentioned jQuery slim library does not include fadeOut. I was able to get your code to work with the following library

<script src="https://code.jquery.com/jquery-3.1.0.js"></script>

jsbin

answered Nov 29 '17 at 19:05

Matthew Thurston

720
5
22

You share credit with @Dave Newton. You three can have a beer on me. :) – Marky Mark Nov 29 '17 at 19:09
@MarkyMark deal! – Matthew Thurston Nov 29 '17 at 19:25

fadeOut() isn't working ? Why?

1 Answers1