错误：html5 Javascript中未定义$

Question

i am working in DOM i want to run marquee on header through given below library. this is my error below. Please help me out. theres an error of $ which is not defined according code but I have already defined. The marquee is actually not working on Mac Safari browser.

Error:$ is not defined

Code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://rawgithub.com/aamirafridi/jQuery.Marquee/master/jquery.marquee.min.js"></script>
<div onclick="myfunction()" class="marquee" style="width: 300px; overflow: hidden;">
<script>
function myfunction(){
  $('#marquee').marquee();
}
</script>

the library is already included of jquery.

Answer 1

You are calling the <div class='marquee'> element by using a id selector $("#marquee") .

Try using $(".marquee") instead.

More info about jQuery selectors

Answer 2

This worked for me with some corrections as said above.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="https://rawgithub.com/aamirafridi/jQuery.Marquee/master/jquery.marquee.min.js"></script>
<div onclick="myfunction()" class="marquee" style="width: 300px; overflow: hidden;"> hello </div>
<script>
  function myfunction() {
    alert("marquee");
    $('.marquee').marquee();
  }

</script>

Check fiddle