javascript - 切换流量图

Question

我有 9 个工作流程图图分布在一个 HTML 文件中，但其中 7 个与第一个和第二个相关，所以我想“切换”它们以便能够隐藏/仅在需要时才显示它们，作为“额外”信息。我一直在寻找信息，但我刚刚找到了有关如何在绘图上切换系列的信息，我想要的是显示/隐藏整个绘图区域以保持网页“干净”。

我尝试过以下方法:

<script>
    // Flot Charts code...
</script>
<div id="placeholder">
</div>
<script>
  $( "#button" ).click(function() {
     $( "#placeholder" ).toggle();
  });
</script>
<button id="button">Show/Hide</button>

但它只显示按钮和绘图，但是当我单击按钮时，绘图不会消失......有什么想法吗？谢谢!

Answer 1

在 HTML 中添加按钮之前，请将点击事件绑定(bind)到按钮。

交换这些或在 jQuery 中使用 $(function() { ... }); 在 DOM 完全加载后运行绑定(bind)。