高亮颜色变化为不同的条件 - Highlight color change for different condition

Highlight color change for different condition

本文关键字：条件颜色变化高亮 | 更新日期: 2023-09-26

当区域已经高亮显示时，如何更改不同条件下的区域地图颜色?

这是我的代码:

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

我的问题是该区域是用红色突出显示的第一个按钮。如果我点击第二个按钮，同样的区域会被高亮显示，但是颜色不能改变(颜色应该改为黑色)。

对于初学者，尝试将" colorToHighlight "替换为colorToHighlight，以便调用您之前命名的正确变量

类似于

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>

我们使用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"为地图面积