1

初めに、私の英語はとても悪いと言います。それで、私は長い間、ここに書くかどうか、そしてあなたが私を理解するかどうか疑問に思いました。

私は次のjQueryスクリプトを持っています：

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

このスクリプトはこれを行う必要があります：http： //i.stack.imgur.com/RW7Lp.png

そしてそれはします:)しかし、文字列「Stronagłówna」からカーソルを取得すると、2番目のDIVが消えます:(

作成方法...次のようなもの：

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

私はjQueryについてあまり知りません:(

私を助けてください、私は願っています、私はそれを理解できるように書きました。

一目で...カーソルが領域Div1とDiv2にあるとき、Div1とDiv2はDiv2を表示する必要があります：P

簡単なスライドメニューを作成しようとしましたが、サイト全体がDivで記述されており、このメニュー（写真）はすでに他のDivにあるため、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');
});

これらの2つのdivの間にスペースがないことを確認してください。そうしないと、最初のdivからホバーして2番目のdivが閉じてからそこに到達します。

他のオプションは、これら2つの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');
});

2番目の方法では、純粋なcssの方法もあります。 CSS

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

2つのスクリプトを作成するというアイデアが浮かびました：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 に答える