jQuery 悬停不起作用

发布于 2025-01-02 20:31:41 字数 317 浏览 0 评论 0原文

各位，为什么 jQuery 悬停不起作用？这是链接 - http://layot.prestatrend.com/ 感谢您的回复！这是代码：

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

原文

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);
  }
);

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

╰つ倒转 2025-01-09 20:31:41

您在页面中间声明了 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>

不要在页面中间进行脚本调用。在 head 或外部 javascript 文件中声明它们。这使得查找和调试代码变得更加容易，并且还有助于防止像这样的简单错误。

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.

回复收藏 0 原文

拧巴小姐 2025-01-09 20:31:41

您需要将代码包装在 (document).ready() 中。您的悬停代码实际上运行良好，没有任何问题。

请参阅演示：http://jsfiddle.net/CAca7/

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

You need to wrap your code in (document).ready(). Your hover code actually worked fine, without any problems.

Please see demo: http://jsfiddle.net/CAca7/

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

回复收藏 0 原文

~没有更多了~