2

以下を意識したい。いくつかの小さな画像があり、マウスが画像の1つにある場合、divまたはいくつかのボタンが表示されるはずです。しかし、マウスが別の画像に移動すると、別のdiv(ボタン) が表示され、古いdivものは非表示になります。画像が選択されていない場合は、何も表示されません。jQueryライブラリにそのようなことをする関数はありますか?

mouseover関数とでこれをやろうとしましたtoogle()。しかし問題は、マウスが画像から離れると、最近表示されdivたものが再び非表示になることです。さらに、divを表示に設定するmouseoverと、別の画像が選択されていても表示されます。

<div id="Div1">This is div1</div>
<div id="Div2">This is div2</div>​

マウスが「div1」の上に移動すると、マウスが「div1」または「div2」から離れるまで「div2」が表示されます。これは、マウスが「div2」の上に移動した場合 (マウスが「div1」を離れた場合)、「div2」が引き続き表示されることを意味します。

4

1 に答える 1

1

jQuery hoverが必要なようです。あなたの質問にはコードが含まれていないため、正確な回答を提供することは困難ですが、これはあなたが説明した内容に適合します.

$(document).ready(function() {
    $("#myDiv").hover(
      function() {
        $("#otherDiv").show();
      }, 
      function() {
        $("#otherDiv").hide();
      }
    );
});

jsFiddle デモ

編集

$(document).ready(function() {
    $("#wrapper").hover(
      function() {
        $("#otherDiv").show();
      }, 
      function() {
        $("#otherDiv").hide();
      }
    );
});​

CSS:

#otherDiv {
    display: none;
}

HTML:

<div id="wrapper">
    <div id="myDiv">hover me</div>
    <div id="otherDiv">stuff</div>
</div>​

更新されたデモ

于 2012-04-08T15:53:43.400 に答える