我想隐藏/显示
一个包含highcharts的div。
在 Chrome 和 Safari 中,我能够成功隐藏 div,而在 Firefox 中, Highcharts 的印记得以保留。
这是我的jsFiddle Link 。尝试在 Chrome 和 Firefox 中打开此链接。
如何在 Firefox 中隐藏 Highcharts ?
最佳答案
问题是 Highcharts 使用 SVG 来渲染图表,因此 CSS style="visibility:hidden"
不起作用。相反,您需要设置属性 visibility = "hidden"
。简单的例子:http://jsfiddle.net/f2SDB/
$("#hide").click(function () {
$('#container *').attr('visibility', 'hidden');
$('#container').css('visibility', 'hidden');
});
$("#show").click(function () {
$('#container *').attr('visibility', 'visible');
$('#container').css('visibility', 'visible');
});
关于jQuery 隐藏/显示包含 Highcharts 的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20072223/