2011-04-05 100 views
0

当区域已被突出显示时,如何更改不同条件下的区域地图颜色?突出显示不同条件下的颜色变化

这是我的代码:

if(partyname = "Democrat") 
{ 
    var data = $('#MT').data('maphilight') || {fillColor:'ff0000'}; 
    data.alwaysOn = !data.alwaysOn; 
    $('#MT').data('maphilight', data).trigger('alwaysOn.maphilight'); 
} 
if(partyname = "Republican") 
{ 
    var data = $('#MT').data('maphilight') || {fillColor:'000000'}; 
    data.alwaysOn = !data.alwaysOn; 
    $('#MT').data('maphilight', data).trigger('alwaysOn.maphilight'); 
} 

我使用jquery.maphighlight.min.js jQuery插件凸显地图。

我的问题是该区域用第一个按钮以红色突出显示。如果我点击第二个按钮,相同的区域会突出显示,但不能更改颜色(颜色应该更改为黑色)。

+0

这个问题是从另一个复制的吗? – alex 2011-04-05 13:45:48

+1

[使用默认颜色突出显示区域后更改高光颜色]可能的重复(http://stackoverflow.com/questions/5552302/changing-the-highlight-color-after-the-area-is-highlighted-with - 默认颜色) – alex 2011-04-05 13:46:04

+4

OMG [how](http://stackoverflow.com/questions/5515501/map-highlight-to-change-the-highlight-color-dynamically)[many](http://stackoverflow.com/questions/5550875 /改变高亮颜色区域后突出显示)[副本](http://stackoverflow.com/questions/5552302/changing-the-highlight-color-after-the -area-highlight-with-default-color)[再次](http://stackoverflow.com/questions/5552842/changing-the-highlight-color-after-the-area-is-highlighted-with-default -颜色)?不幸的是,我今天没有更多选票:( – fabrik 2011-04-05 13:46:53

回答

0

喜欢的东西:

的Jquery:

var colorToHighlight = "black" //default 

$("#color_options a").click(function (e) 
{ 
    e.preventDefault(); //stop the anchor tag 

    colorToHighlight = $(this).attr("id"); 
} 

/* 
    Do the highlight stuff 

*/ 

HTML:

<div id="color_options"> 
    <a href="#" id="green">Green</a> - <a href="#" id="red">Red</a> 
</div> 
+0

我不熟悉你正在讨论的jQuery扩展,只是用它用来选择颜色来突出显示地图部分的变量替换“colorToHighlight” – Dormouse 2011-04-01 15:53:46

1

对于初学者来说,尝试用colorToHighlight取代 “colorToHightlight”,让你打电话,你早些时候被任命为正确的变量。

0

我们使用alt属性来保存颜色。

HTML:

<p><a href="#" class="aToggle" alt="37ee8d">Go GREEN</a></p> 

JS/JQuery的:

 $('.aToggle').click(function (e) { 
      var data = $('#area1').mouseout().data('maphilight') || {}; 
      data.fillColor = $(this).attr('alt'); 
      $('#area1').data('maphilight', data).trigger('alwaysOn.maphilight'); 
     }); 

其中, “区域1” 是的地图区域。

相关问题