jQuery hover не работает

Question

Люди, почему jQuery hover не работает? Вот ссылка - http://layot.prestatrend.com/ Спасибо за любой ответ! Вот код:

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

Answer 1

Вы объявили ваш JavaScript в середине страницы и не заключите его в документ готов. Поэтому код никогда не привязывается к указанным элементам. Попытайтесь быть более понятным при задании вопроса. Нам не нужно будет находить, в каком файле находится код javascript, и не полагаться на ваш код, что вам нужно, чтобы навести курсор мыши и должен отображаться.

<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> 

Не делайте вызовы сценариев в середине вашей страницы. Объявите их в голове или во внешнем файле javascript. Это упрощает поиск и отладку кода, а также помогает предотвратить такие простые ошибки.

Answer 2

Вам необходимо обернуть свой код в (document).ready(). Ваш код наведения фактически работал нормально, без каких-либо проблем.

Пожалуйста, смотрите демо: http://jsfiddle.net/CAca7/

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