javascript - 标签和内部标签的工具提示

标签 javascript jquery html css

代码是:

<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/

相关文章:

c# - 如何在带有回发的转发器中只选择一个单选按钮

html - 如何使 div 水平适合页面的其余部分?

javascript - 组件返回失败代码: 0x80600011 [nsIXSLTProcessorObsolete.transformDocument]

javascript - 如何摆脱 Internet Explorer 7 在片段更改时重新加载

javascript - 如何读取浏览器不支持的 CSS 属性?

javascript - 如何动态更改 Laravel 表单

javascript - 新建窗口中的 CSS

javascript - 使用 jQuery ScrollTop animate 在 Chrome 中出现奇怪的第一次滚动延迟

Javascript:破坏性的 array.filter()?

javascript - 这个对象如何自动递增?