互联网浏览器 jquery + SVG答案

【问题标题】：Internet explorer jquery + SVG互联网浏览器 jquery + SVG
【发布时间】：2014-03-20 13:24:45
【问题描述】：

我有一个关于 jQuery 的小脚本，用于获取特定 SVG 元素的值并将其存储在隐藏的输入中。最后，它添加了一个更改 SVG 元素不透明度的类。

问题是它在 IExplore 上根本不起作用（难怪）。这是脚本：

    $(function() { 
        $("#diagnostic svg g").click(function(e){
            e.preventDefault();

            console.log($(this));

            $("#location").val($(this).attr("id"));


            $(this).parent().find("g").each(function(){
                $(this).removeAttr("active");
            });
            $(this).attr("active","active");
        });
    });

以及css定义：

#diagnostico svg g { opacity: 0; }
#diagnostico svg g:hover,
#diagnostico svg g[active="active"] { opacity: 1; }

IE 有什么办法解决吗？

谢谢:-)

【问题讨论】：

您使用的是哪个版本的 IE？旧版本对 SVG 的支持很少（如果有的话）。尽管它可能并不理想，但您可能需要考虑转换 SVG 并在 Rafael.js 中实现矢量 - 旧版本的 Internet Explorer 也会在 console.log 上阻塞（这可能是一个额外的问题）。你能发布一个链接到页面吗？
@JoshuaChavanne 我正在使用 IE9，我读过没有以前的支持。这是一个缩小版：jsfiddle.net/s7k4T
@JoshuaChavanne 显然是 console.log 干扰了，感谢您的洞察力:-)
开枪，我可以将此添加为“答案”并让您投票吗？
@JoshuaChavanne 当之无愧 ;-)

标签： javascript jquery css internet-explorer svg

【解决方案1】：

Internet Explorer 对 console.log 的支持最少

【讨论】：