adding CSS on hover with Jquery not working

Question

On hover I want to change background from a div. therefore I used Jquery. But somehow it doesn't work, not in an empty file, not in an HTML file and not in a file with different Jquery codes.

$('#b').hover(function() {
  $('#a').css({
    'background': '#ccc'
  });
}, function() {
  $('#a').css({
    'background': 'initial'
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="a">Div A</div>
<div id="b">Div B</div>

Your code works fine as you can see from the snippet I edited in to your question. Check the console for errors. It's likely to be a configuration error, such as not including jquery.js, incorrect path, or missing document.ready handler. — Rory McCrossan
– Rory McCrossan, Commented Jan 29, 2018 at 12:33

Rakesh Shriwas · Accepted Answer · 2018-01-29 12:45:49Z

2

Your code in working condition please place your jquery code after jquery library  
`<!DOCTYPE html>
    <head>

    </head>
    <body>
       <div id="a">Div A</div>
       <div id="b">Div B</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

        <script>
$('#b').hover(function() {
  $('#a').css({
    'background': '#ccc'
  });
}, function() {
  $('#a').css({
    'background': 'initial'
  });
});
</script>
    </body>
</html>`

answered Jan 29, 2018 at 12:45

Rakesh Shriwas

6792 gold badges7 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

adding CSS on hover with Jquery not working

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related