用javascript写了一个树状组件，mouseover出现的元素没法和click事件绑定

Question

https://yisha0307.github.io/I...

上面是我写的demo~有个问题是我mouseover的时候后面会出现一个x和一个+，然后我把click事件绑在上面，用的是

$('body').on('click','.fa-times',dele)

dele表示的是一个window.prompt的function；然而我无法click到这个元素，为什么呢？

这是我的js代码：
https://github.com/yisha0307/...

html：
https://github.com/yisha0307/...

应该要怎么修改呢？谢谢各位！

Answer 1

我认为是这里的问题：$('body').on('mouseover','span',showicon); $('body').on('mouseout','span',hideicon);可以改成这样试试：$('body').on('mouseenter','span',showicon); $('body').on('mouseleave','span',hideicon);而且，不建议直接使用span来绑事件，最好使用class