Question

伙计们，为什么jQuery悬停不起作用？这是链接 - 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);
      }
    );
});

jQuery悬停不起作用

2 个答案: