代码是:
<a class="dropdown-toggle clickme" href="#" data - original - title="Dimesion: Not available<br/>Status: QAED<br/>T'ber/QA: qa1<br/>Audio length: 00:00:05<br/>Images: 1" data - toggle="groupinfotooltip" data - container="body">Front0
< span class="fa fa-exclamation-triangle red pull-right " onmouseenter="showBlankTextAlert()" id="225_137_Front0_blank_alert" data - toggle="blankalerttooltip" data - original - title="One of audios text is blank" data - placement="right" style="padding:5px;">
<\span>
<\a>
如果将鼠标悬停在 a
上,那么它会显示尺寸工具提示,但是当我将鼠标悬停在 span 上时,它会同时显示两者..所以当用户将鼠标悬停在 span
上时,我会隐藏主要工具提示..我想要的是如果用户将鼠标悬停在 a
上,然后显示其工具提示,然后在 span
上显示其工具提示,但在我的鼠标上,当我将鼠标悬停在 上时,它显示两个工具提示span
..我正在使用 mouseover
事件。有什么建议吗?
最佳答案
做到这一点的唯一方法是将它们分开,因为在这种情况下,A 标签是 SPAN 的父标签,无论何时您输入 SPAN,您都会先输入 A。
看看我在这里准备的这个 fiddle :
`https://jsfiddle.net/egz0ufcx/`
关于javascript - 标签和内部标签的工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32480479/