首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >SVG Map背景颜色的onClick应仅对父级有效

SVG Map背景颜色的onClick应仅对父级有效
EN

Stack Overflow用户
提问于 2018-06-07 02:17:34
回答 1查看 297关注 0票数 0

我正在使用SVG地图为印度,它工作得很好,但问题是家长ID不停用,如果我点击任何其他国家,我需要家长Id应该停用“填充颜色-灰色”和孩子的颜色应该是活跃的绿色。

附图供参考,请看一看。

SVG India Map

我使用下面的Jquery代码作为背景:

代码语言:javascript
复制
 <script>
  $(document).ready(function(e) {
    $('path[id^="map_"]').click(function(){
      $(this).css('fill', "green");
    });
  });
 </script>

http://www.acmearchitectural.com/indiamapsvgfiles/map.html#

EN

回答 1

Stack Overflow用户

发布于 2018-06-07 02:23:27

我将首先停用所有状态,然后在目标上使用fill

代码语言:javascript
复制
<script>
    $(document).ready(function(e) {
        $('path[id^="map_"]').click(function(){
            var t = $(this)
                th;

            $('path[id^="map_"]').each(function () {
                th = $(this);
                if (th.attr("id") !== t.attr("id")) {
                    th.css('fill', 'gray');
                } else {
                    t.css('fill', "green");
                }
            });
        });
    });
</script>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50727055

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档