CSS可见性切换,在页面加载时取消选中,默认情况下错误地显示d3 SVG的类

ecr0jaav  于 2022-11-27  发布在  其他
关注(0)|答案(1)|浏览(91)

我正在使用css toggles来切换d3.js path对象的类可见性。切换工作正常,除了我想在页面加载时取消选中(隐藏对象)的那个。在页面加载时,切换确实没有选中,但对象是可见的。如果我打开切换,然后再次关闭,对象是隐藏的。我如何在初始页面加载时隐藏对象呢?谢谢。
第一个

xxhby3vn

xxhby3vn1#

您可以将事件侦听器更改为非匿名函数,并在声明后调用它:

min_Checkbox.onchange = toggleVisibility;

function toggleVisiblity() {
   if (this.checked) {
       d3.selectAll(".min").attr("visibility", "visible");
   } else {
       d3.selectAll(".min").attr("visibility", "hidden");
   }
}

toggleVisibility.call(min_Checkbox);

相关问题