不同条件下突出显示颜色变化

Question

当区域已经突出显示时，如何更改不同条件下的区域地图颜色？

这是我的代码：

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 插件来突出显示地图。

我的问题是该区域用第一个按钮以红色突出显示。如果我单击第二个按钮，同一区域会突出显示，但颜色无法更改（颜色应更改为黑色）。

Answer 1

对于初学者，请尝试将“colorToHightlight”替换为 colorToHighlight，以便调用之前命名的正确变量。

Answer 2

类似于：

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>

Answer 3

我们使用 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');
        });

其中“area1”是地图区域。