鼠标悬停在元素上

发布于 2024-10-06 16:40:05 字数 409 浏览 2 评论 0原文

我怎么就做不到这个呢？

if($('.element').mouseover() == true)
{
}
else
{
}

我想知道如果不做其他事情，鼠标何时会超过某个元素。

这是现在可以运行的完整代码。我摆脱了 if 语句......

$('.product_image').hover(function(){
  var image = $(this).attr('class');
  image = '.' + image.substring(14);
  $(image).fadeIn();
});
$('.product_disc').mouseleave(function(){
  $('.product_disc').fadeOut();
});

原文

How come I can't do this?

if($('.element').mouseover() == true)
{
}
else
{
}

I want to know when the mosue is over a element if isn't do something else.

Here is the full code that now works. I got rid of the if statement...

$('.product_image').hover(function(){
  var image = $(this).attr('class');
  image = '.' + image.substring(14);
  $(image).fadeIn();
});
$('.product_disc').mouseleave(function(){
  $('.product_disc').fadeOut();
});

分享到QQ

分享到微博

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

发布评论

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

叫嚣ゝ 2024-10-13 16:40:05

我经常使用这种模式：

$('.element').mouseenter(function() {
    $(this).addClass('hover');
}).mouseleave(function(){
    $(this).removeClass('hover');
});

现在您可以使用 is 方法来查看鼠标是否位于元素。

使用 mouseenter 与 mouseout 是有原因的 - 它与嵌套元素有关。您可以在此处查看

I use this pattern a lot:

$('.element').mouseenter(function() {
    $(this).addClass('hover');
}).mouseleave(function(){
    $(this).removeClass('hover');
});

Now you can use the is method to see if the mouse is over the element.

There is a reason to use mouseenter vs mouseout - it has to do with nested elements. You can see that here

回复收藏 0 原文

扎心 2024-10-13 16:40:05

$(".element").mouseenter(function() {

    alert('Mouse over the element');

}).mouseleave(function() {

    alert('Mouse out');

});

$(".element").mouseenter(function() {

    alert('Mouse over the element');

}).mouseleave(function() {

    alert('Mouse out');

});

回复收藏 0 原文

那片花海 2024-10-13 16:40:05

又一个最新的..使用起来很灵活

$(".element").hover(
  function () {
   //this is mouseover
  }, 
  function () {
   //this is mouseout
  }
);

one more latest one..which is elagent to use

$(".element").hover(
  function () {
   //this is mouseover
  }, 
  function () {
   //this is mouseout
  }
);

回复收藏 0 原文

浸婚纱 2024-10-13 16:40:05

jQuery 使用的语法与通常编写的语法不同。他们的口号曾经是“它将改变你编写 JavaScript 代码的方式”。您必须像这样使用 mouseover() ：

$('.element').mouseover(function() {
    // Use $(this) to access the element where the mouse is entering.
}).mouseout(function() {
    // Use $(this) to access the element where the mouse is exiting.
});

还要注意类似的 mouseenter() 和 mouseleave() 方法。请参阅此处的官方文档：http://api.jquery.com/mouseover/。

The syntax that jQuery uses is different that what would normally write. Their tag line used to be something like "it will change the way you write JavaScript code". You have to use mouseover() like this:

$('.element').mouseover(function() {
    // Use $(this) to access the element where the mouse is entering.
}).mouseout(function() {
    // Use $(this) to access the element where the mouse is exiting.
});

Also note the similar mouseenter() and mouseleave() methods. Se the official documentation here: http://api.jquery.com/mouseover/.

回复收藏 0 原文