Question

Folks, why jQuery hover does not work?
Here is the link – http://layot.prestatrend.com/ Thanks for any reply!
Here is the code:

$('.product_image').hover(
  function () {
    $('.product_right_block').show(100);
  },
  function () {
    $('.product_right_block').hide(100);
  }
);

Answer 1

You declared your javascript in the middle of the page and did not encase it in a document ready. So the code never binds to the specified elements. Try and be much more descriptive when asking a question. We shouldn’t have to find what file the javascript code is in nor guess based on your code what you need to hover over and is supposed to be shown.

<script type="text/javascript">
 $(document).ready( function() {
 $('.product_image').hover(
      function () {
        $(this).children('.product_right_block').show(100);
      },
      function () {
        $(this).children('.product_right_block').hide(100);
      }
    );
});
</script>

Don’t make script calls in the middle of your page. Declare them in head or in an external javascript file. This makes finding and debugging code easier and also helps prevent simple mistakes like this.