問題與jquery懸停和點擊切換

-1

我有一個地圖填充區域，如果你把鼠標懸停在一個區域或點擊它，一個盒子（div）會出現。問題與jquery懸停和點擊切換

當我將鼠標懸停在某個區域上時，該框（div）出現，但在將鼠標移離該區域後並未消失，因此，如果我獲得了此權限，這意味着我需要切換或類似的內容，但徘徊。我花了幾個小時在這裏和其他地方搜索，嘗試了一些代碼，但沒有工作。

所以我想知道什麼是切換一個.hover並切換爲.click 它是什麼，我做錯了什麼，還是我使用了錯誤的代碼全部的代碼？

這裏是我在我的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/

希望我自己清楚:)

來源

2012-06-08 Remi

我在jQuery的專家，但應該不會是$(this).toggleClass('display');

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

來源

2012-06-08 07:06:18 Steve

你需要做的是這樣的：

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

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

});

懸停需要兩個功能

來源

2012-06-08 07:17:54 Moons

問題與jquery懸停和點擊切換

回答

相關問題