用javascript写了一个树状组件，mouseover出现的元素没法和click事件绑定，应该如何解决？

Question

https://yisha0307.github.io/I... 上面是我写的demo~有个问题是我mouseover的时候后面会出现一个x和一个+，然后我把click事件绑在上面，用的是 {代码...} dele表示的是一个window.prompt的function；然而我无法c...

PHPz · Answer

我认为是这里的问题：

$('body').on('mouseover','span',showicon);
$('body').on('mouseout','span',hideicon);

可以改成这样试试：

$('body').on('mouseenter','span',showicon);
$('body').on('mouseleave','span',hideicon);

而且，不建议直接使用span来绑事件，最好使用class

PHP中文网 · Answer

动态添加到DOM的元素（比如你的fa-times是动态添加的吧？），使用on()时要绑定到document对象上。
这样试试:

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

阿神 · Answer

html:
每项后面都先加上, 不要每次移入移出都要操作dom

js:

var showicon = function(){
   $(this).find(".fa").show();
}

var hideicon=function(){
   $(this).find(".fa").hide();
}

css:

.fa{
    display:  none;
}

还有像楼上说的, 不是不建议用span 绑定, 是不能用. 建议题主多了解HTML语义化

Php8, I'm coming too