Question

在我正在制作的仪表板应用程序中，我有一个SVG饼图，我想绑定一些onclick动作。我在AngularJS工作，可以让所有东西在Chrome中运行良好。但是，在Firefox或IE中，我无法使用它。

更多信息：

在我的角度控制器中，我可以设置一些选项，例如可选择的功能，我可以提供给我的图表指令
我希望指令中的逻辑将给定的函数（如果有的话）和一个类附加到svg
在所有浏览器中，我可以按照自己的意愿使用该类
此功能仅适用于Chrome
该函数是一个简单的函数，可以绑定某些数据并切换模态

这是我的代码：

                    angular.forEach(scope.chartData.data.series, function (item, idx) {
                        if (typeof item.click == 'function') {
                            var g = angular.element(svg.children()[idx]);
                            g.on('click', item.click);

                            var c = g.attr('class');
                            g.attr('class', c + ' ct-hoverable');
                        }
                    })

我不是一个非常有经验的开发人员，非常感谢任何帮助让它在Firefox和IE中工作！我已经尝试使用谷歌搜索获得一些答案，但是没有得到任何答案，所以鼓起勇气并在这里发布我的第一个问题。

编辑：我发现了我的问题。在这里没有显示的代码中，我写道：

var svg = angular.element（chart.children（'SVG'））;

那需要

var svg = angular.element（chart.children（'svg'））;

代替。（对大写字母感到沮丧1.5天，总是很有价值）

点击功能未应用于Firefox和IE中的SVG元素

0 个答案: