返回课程

树形菜单

重要性:5

创建一个树,在点击时显示/隐藏节点子项

要求

  • 只有一个事件处理程序(使用委托)
  • 点击节点标题之外(空白处)不应该有任何操作。

打开任务沙箱。

解决方案分为两部分。

  1. 将每个树节点标题包装在<span>中。然后我们可以对:hover进行 CSS 样式设置,并在文本上精确处理点击事件,因为<span>的宽度与文本宽度完全相同(与没有它时不同)。
  2. tree根节点设置一个处理程序,并处理对该<span>标题的点击。

在沙盒中打开解决方案。