明仕msyz555注册用javascript写了一个树状组件,mouseover呈现的元素没法和click事变绑定,应该怎样处理?

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

下面是我写的demo~有个题目是我mouseover的时分后面会呈现一个x和一个+,然后我把click事变绑在下面,用的是

$body.onclick,.fa-times,dele

dele表现的是一个window.prompt的function;但是我无法click到这个元素,为什么呢?

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

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

应该要怎样修正呢?谢谢各位!

我以为是这里的题目:

$body.onmouseover,span,showicon;
$body.onmouseout,span,hideicon;

可以改成如许尝尝:

$body.onmouseenter,span,showicon;
$body.onmouseleave,span,hideicon;

并且,不发起直接运用span来绑事变,最好运用class

静态添加到DOM的元素(比如你的fa-times是静态添加的吧?),运用on时要绑定到document东西上。
如许尝尝:

$document.onclick,.fa-times,dele;

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

<i id="special" class="fa fa-folder-open" aria-hidden="true"></i>

js:

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

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

css:

.fa{
    display:  none;
}

另有像楼上说的, 不是不发起用span 绑定, 是不克不及用. 发起题主多理解HTML语义化

(看完/读完)这篇文章有何感想! 明仕msyz555注册的分享…

发表评论

姓名 *
电子邮件 *
站点