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

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

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”是地图区域。

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

3 个答案: