Question

我所拥有的是3个div，每个div都有自己的ID在一个类中。在CSS文件中，我创建了类＆＃34; display：none;＆＃34;。

<div class="stat">
<div id="one"> <p>one</p> </div>
<div id="two"> <p>two</p> </div>
<div id="three"> <p>three</p> </div>
</div>

我想要的是让地图能够在每次点击状态时更改特定div上的显示。例如，每次我点击状态A，div就会出现，如果我点击状态B，则div将出现在Div A所在的位置。

如果有帮助，请提及链接：http://jsfiddle.net/mrvvuh1n/

欢呼声

Answer 1

很晚才回答，但我希望这会对某人有所帮助。

如果它不需要模板化，我建议用JQuery解决这个问题：

$('path[data-code="#"]').click(function(){
    $('#one').css('display', 'block');
    $('#two').css('display', 'hidden'); //something like that, for example
});

而不是＃将是您需要的州的数据代码，您可以通过查看源代码找到它。

当然，＆＃34;显示：无;＆＃34;在CSS文件中需要应用于具有id（一，二，三）的块，而不是类＃34; stat＆＃34;。

不确定代码，没有检查是否存在语法错误。随意写，所以我再次检查它。

jvectormaps更改div onRegionClick

1 个答案: