1

一开始我说，我的英文很差，所以我一直在想，是否在这里写，你是否会理解我。

我有以下 jQuery 脚本：

$(function() {
    $('#div1').hover(function() {
        $('#div1').css('display', 'block');
    }, function() {
        $('#div2').css('display', 'none');
  });
});

这个脚本必须这样做：http: //i.stack.imgur.com/RW7Lp.png

确实如此 :) 但是，当我从字符串“Strona główna”中取出光标时，第二个 DIV 消失了:(

我怎么能创造......像这样的东西：

$(function() {
    $('#div1' + '#div2').hover(function() {
        $('#div1').css('display', 'block');
    }, function() {
        $('#div2').css('display', 'none');
  });
});

我不太了解 jQuery :(

请帮助我，我希望，我写的可以理解。

一目了然...当光标在区域 Div1 和 Div2 上时，Div1 和 Div2 必须显示 Div2：P

我试图创建一个简单的滑动菜单，但我必须使用 Div，因为整个网站都是用 Divs 编写的，而这个菜单（上图）已经在其他 Div...

这个带有这个菜单的面板在我的 Tumblr 上，所以你可以在：idolwszutrab7.tumblr.com 上看到它，如果有帮助的话，但我没有用这个脚本更新页面。

更新：

我全部复制到：

http://jsfiddle.net/IdolwSzutrab7/Wq3YH/

我测试了它，它在这个网站上工作:)

4

2 回答 2

0

可能这对你想要的有用

因为你想在 div1 和 div2 悬停时显示 div2

$('#div1 , #div2').hover(function() {
    $('#div2').css('display', 'block');
}, function() {
    $('#div2').css('display', 'none');
});

只要确保这两个 div 之间没有空间，否则悬停在第一个 div 之外，第二个 div 将在到达那里之前关闭。

其他选项是将这两个 div 与其他 div 说 div3 包装并在 div3 上悬停

喜欢

<div id='div3'>
 <div id='div1'>

</div><div id='div2'>

</div>
</div>

JS

$('#div3').hover(function() {
    $('#div2').css('display', 'block');
}, function() {
    $('#div2').css('display', 'none');
});

在第二种方式中，也有纯 css 方式。 CSS

#div3 #div2{
display:none;
}
#div3:hover #div2{
display:block;
}
于 2013-01-11T20:23:06.343 回答
0

我有想法，创建两个脚本：P

<script>
    $(function() {
        $('#div1').hover(function() {
            $('#div2').css('display', 'block');
        });

        $('#div2').hover(function() {
            $('#div2').css('display', 'block');
        }, function() {
            setTimeout(function() {
            $('#div2').css('display', 'none');
            }, 2000);
        });
    });
</script>

这是工作！

之后，我添加了动画和效果，所以现在它看起来不错，而且还可以工作。

于 2013-01-17T12:41:30.590 回答