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 回答