1

同じものを探していますが、まだ見つかりません。(何時間も探していました。)

大きな正方形になるホバータイを手に入れました。(リンクを参照して、私が言及した内容を確認してください: http://rdv-design.com/stageverslag2/home.html

私が望むのは、ネクタイをホバーして四角形が出てきたときに、その上にあるdivにマウスを置いても四角形が消えないことです。しかし、ホバーされたネクタイ(四角)のボックスの外にマウスを置くと、マウスが消えてしまいます。

誰にもアイデアがありますか?

ありがとう!

4

1 に答える 1

3

ではshowdiv.js、次のようになります。

$(function() {
    $('.vierkant').hover(
        function() { 
            $('#tekst').show(); 
        } else { 
            $('#tekst').hide(); 
        }
    );
});

これは無効です。elseは の一部ではありませんif。あなたがやりたいことは次のとおりだと思います:

$('.vierkant').hover(function() { $('#tekst').show(); },
                     function() { $('#tekst').hide(); });

この への呼び出しで.hover()は、マウスが入ったとき (表示) とマウスが離れたとき (非表示) の 2 つの関数を使用します。これが完了すると、それに応じてホバー イベントが処理されます。

参照: jQuery API for .hover()

編集.childen()役立つjQueryセレクターもあります。ホバー機能は の子にも適用する必要.vierkantがあると思いますが、次のことも行うことができます。

$('.vierkant').children().hover(function() { $('#tekst').show(); },
                                function() { $('#tekst').hide(); });

#tekstブロック内のコンテンツが実際には子ノードであると仮定します。

于 2013-05-14T12:14:13.583 に答える