地图和悬停在一个省,显示该特定省份的信息

问题描述:

在此链接的底部: http://www.offerkhan.com/control4 您可以看到一个地图部分有很多省份。我打算通过在每个省份上悬停的代码,在该部分的右侧显示信息部分。考虑在WordPress平台上使用ENFOLD主题。 tnx。地图和悬停在一个省,显示该特定省份的信息

+0

我在考虑什么?你有问题吗? – zer00ne

+0

我们需要更多的代码来给出一个彻底的答案,而不仅仅是一个网站的链接。 –

尽管您提供了一个非常薄弱的​​问题(以供将来参考,您可能想要查看this help article),但是从我能理解的情况来看,当您将鼠标悬停在其他位置上时,您会想要显示某些信息。

利用jQuery的非常简单的,你可以给每一个“省”的独特id(如id="province2"),然后用下面的jQuery来更改文本,当你将鼠标悬停在一个特定的“省”:

$('#1').hover(function(){ 
$('.info').text('Here is a whole lot of interesting information about the first button (Info #1) that you just hovered!'); 
}); 

$('#2').hover(function(){ 
$('.info').text('Here is a whole lot of interesting information about the second button (Info #2) that you just hovered!'); 
}); 

简而言之,当您将鼠标悬停在div上时,它会更改另一个div中的文本。

在这里看到一个完整的工作示例:
Example

这可能不是你所期待的似乎是你的问题是如此模糊,但希望它会指向你在正确的方向。

+0

tnx很多。对不起,我不是英语母语的人!所以主要的问题是,在enfold我应该改变每个$符号jQuery! –

+0

不用担心,很高兴它帮助@AhmadR! –