Javascript 单击未应用于Firefox和IE中SVG元素的函数
在我目前正在制作的仪表板应用程序中,我有一个SVG饼图,我想在其中绑定一些onclick操作。我在AngularJS工作,可以让一切在Chrome中正常工作。然而,在Firefox或IE中,我无法让它工作 更多信息:Javascript 单击未应用于Firefox和IE中SVG元素的函数,javascript,internet-explorer,firefox,svg,onclick,Javascript,Internet Explorer,Firefox,Svg,Onclick,在我目前正在制作的仪表板应用程序中,我有一个SVG饼图,我想在其中绑定一些onclick操作。我在AngularJS工作,可以让一切在Chrome中正常工作。然而,在Firefox或IE中,我无法让它工作 更多信息: 在我的角度控制器中,我可以设置一些选项,比如一个可选函数,我可以将其输入到我的图表指令中 我希望指令中的逻辑将给定函数(如果有)和类附加到svg中相应的饼图切片 在所有浏览器中,该类都可以按照我的要求应用 该函数仅在Chrome中应用 该函数是一个简单的函数,它绑定一些数据并切换
- 在我的角度控制器中,我可以设置一些选项,比如一个可选函数,我可以将其输入到我的图表指令中
- 我希望指令中的逻辑将给定函数(如果有)和类附加到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天对大写字母感到沮丧,始终是很好的价值)