问题与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悬停和点击切换

回答

相关问题