如何在 Jquery 中创建 if() 鼠标位于元素上方?

发布于 2024-08-25 03:37:02 字数 624 浏览 6 评论 0原文

我有一些悬停()JS代码:

$( '.leftMenuProductWrapper').hover (
            function () {



            },
            function () {


    });

在第二个函数中,我需要类似的东西:

If ($("#leftMenuWrapper2").hasMouseover){
do this
}else{
do that};

我找不到任何有关如何执行此操作的文档。

编辑:

这似乎是一个解决方案:

$('#leftMenuWrapper2').mouseenter(function(){
    mouseover = true;
}).mouseleave(function(){
    mouseover = false;
});

然后在代码中引用它:

if(mouseover == false){
                doSomething
                };

I have some hover() JS code:

$( '.leftMenuProductWrapper').hover (
            function () {



            },
            function () {


    });

In the second function, I need something like:

If ($("#leftMenuWrapper2").hasMouseover){
do this
}else{
do that};

I can't find any documentation on how to do it.

EDIT:

This appears to be a solution:

$('#leftMenuWrapper2').mouseenter(function(){
    mouseover = true;
}).mouseleave(function(){
    mouseover = false;
});

And then later on in the code, reference it:

if(mouseover == false){
                doSomething
                };

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

扫码二维码加入Web技术交流群

发布评论

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

评论(2

生生漫 2024-09-01 03:37:02

在非常高的层面上,您想要的是:

  • 保存一个布尔值。
  • 当鼠标触发 MouseOver 事件时,将布尔值设置为 true。
  • 当鼠标触发 MouseOut 事件时,将布尔值设置为 false。

您所要做的就是返回布尔值以获取 hasMouseOver 值。

At a very high level, what you want is something to:

  • Hold a Boolean value.
  • When the mouse triggers a MouseOver event, set the Boolean to true.
  • When the mouse triggers a MouseOut event, set the Boolean to false.

All you have to do is return the Boolean value to get the hasMouseOver value.

嘿看小鸭子会跑 2024-09-01 03:37:02

我不完全确定你在做什么,但看起来你是从错误的角度来攻击这个问题的。

我假设您在 .leftMenuProductWrapper 中有多个元素,其中之一是 #leftMenuWrapper2 ...我假设您关心的元素是 < div>s(但如果不是的话,您可以编辑代码以适应)。尝试这样的事情:

$('.leftMenuProductWrapper>div').hover(function(ev) {
    if ($(this).id == 'leftMenuWrapper2') {
        // do something with this one
    } else {
        // otherwise, do something else
    }
});

I'm not entirely sure what you're doing but it looks like you're attacking this from the wrong angle.

I'm assuming you've got multiple elements inside .leftMenuProductWrapper, one of which is #leftMenuWrapper2... I assume the elements you care about are <div>s (but you can edit the code to fit if they're not). Try something like this:

$('.leftMenuProductWrapper>div').hover(function(ev) {
    if ($(this).id == 'leftMenuWrapper2') {
        // do something with this one
    } else {
        // otherwise, do something else
    }
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文