-1

地域でいっぱいの地図があります。地域にカーソルを合わせるかクリックすると、ボックス（div）が表示されます。

リージョンにカーソルを合わせると、ボックス（div）が表示されますが、マウスをそのリージョンから離しても消えません。したがって、これを正しく行うと、トグルなどが必要になりますが、ホバーする必要があります。私はここや他の場所を検索するのに数時間を費やし、いくつかのコードを試しましたが、どれもうまくいきませんでした。

だから私は、を切り替えて.hover切り替えるためのコードは.click 何ですか？ここで間違っているのは何ですか、それとも間違ったコードを完全に使用していますか？

これが私がこれをテストしているウェブページです：http： //iseeit.no/maptest/

これが私のjqueryにあるコードです：（、、.no19は.no2リージョン.no1です）

$(".no19").hover(function() {
$("#vest-agder").css({"display":"block"});
});

$(".no2").hover(function() {
$("#aust-agder").css({"display":"block"});
});

$(".no1").hover(function() {
$("#akershus").css({"display":"block"});
});

私はこのようなものと他のたくさんのものを試しました、これは正しいコードのようですが、正しく動作させることができません：

 $(".no19").hover(function() {
     $(this).toggleClass('active');
        $('#vest-agder').toggleClass('active');
});

これがcssからのスニペットです：

#vest-agder {
    background: #111;
    background: rgba(0,0,0,.8);
    color: #eee;
    position:absolute;
    display: none;

これがhtmlからの抜粋です：

<div id="vest-agder">
    <!-- agent address in the first region -->
  <p>text</p>
  </div>

また、html、jquery、cssのすべてのコーディングをjsfiddleに入れました：http：//jsfiddle.net/cpKFf/1/ jsfiddle を使用したことがないので、正しく設定する方法がわかりませんが、推測しますマップを正しく表示するには、すべてのグラフィカルコンポーネントが必要です。そこに表示されるコードは、次の結果です：http: //iseeit.no/maptest/

私が自分自身を明確にしたことを願っています:)

4

2 に答える 2

1

私はjqueryの専門家ではありませんが、そうすべきではありません$(this).toggleClass('display');

http://api.jquery.com/toggleClass/

于 2012-06-08T07:06:18.387 に答える
1

次のようなことをする必要があります：

$(".no1").hover(function() {
  $("#akershus").css({"display":"block"});
  ,

  function()  {  $("#akershus").css({"display":"none"});   }

 });

ホバーには 2 つの機能があります

于 2012-06-08T07:17:54.573 に答える