1

私は2つのdiv（＃one、＃two）を持っています-1つは上位レベルにあり、もう1つは他の多くに含まれています（たとえば、ここでは1つだけです）：

<body>
  <div>
    <div id="two"></div>
  </div>
  <div id="one"></div>
</body>

両方のdivは互いに絶対的に近くに配置されています。#oneはJQueryで隠されてい.hide()ます。#twoにカーソルを合わせると、JQueryで#oneが表示され.show()ます。＃2から#oneに移動して、ホバー効果を維持し、両方からホバーアウトするまで#oneが非表示にならないようにする方法はありますか。

http://jsfiddle.net/Q5ZtP/-説明用。

4

3 に答える 3

2

両方"#one"を選択"#two"し、このセレクターを使用して$('#two,#one');

$('#one').hide();
$('#two,#one').hover(
    function() {
        $('#one').show();
    },
    function() {
       $('#one').hide(); 
    }
);

こちらのデモhttp://jsfiddle.net/Q5ZtP/1/

于 2013-02-25T12:13:45.497 に答える
1

one最も簡単な方法は、中に入れることtwoです。バブリング効果により、ホバリングしtwoているときでもホバリングし続けることができますone。

<div id="two"><div id="one"></div></div>

フィドルhttp://jsfiddle.net/Q5ZtP/2/

于 2013-02-25T12:15:15.217 に答える
0

変更してみてください：

$('#two').hover(...)

に

$('#one, #two').hover(...)

あなたのコードで。

于 2013-02-25T12:15:59.203 に答える