Question

有没有办法通过jQuery将活动类分配给地图中的区域标记？

我有一堆像这样定义的区域：

<map name="mappy"> 
    <area shape="rect" coords="162,105,179,136" href="#" title="Unique Title 1" alt="Unique Title 1" /> 
    <area shape="rect" coords="205,72,222,101" href="#" title="Unique Title 2" alt="Unique Title 2" /> 
</map>

我需要弄清楚的是，是否可以添加一些嗅探标题或alt标签的jQuery，并在匹配时将活动类应用于该区域。

类似...... if title="Unique Title 1" then add class="active"到区域。这可能吗？

Answer 1

您可以使用attribute-equals selector找到它并.addClass()进行实际添加，如下所示：

$("area[title='Unique Title 1']").addClass("active");

Answer 2

我不太确定我完全理解你的要求，但这可能会这样做：

$(document).ready(function() {
    $("map.mappy area").click(function() {
        $("map.mappy area").removeClass("active");  //Make sure no other "active" classes exist
        $(this).addClass("active");  //Add the active class to the area that was clicked
    });
});

希望您想在点击事件中添加活动类，如果没有，我确信可以轻松修改它以满足您的需求（悬停或您正在寻找的任何事件）。

使用jQuery将活动类分配给区域标记（图像映射）

2 个答案: