Question

代码是：

<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上时，我会隐藏主工具提示..我想要的是如果用户将鼠标悬停在a上，则显示其工具提示，然后在span上显示其工具提示，但在我的工具提示中，当我将鼠标悬停在span上时，它会显示两个工具提示..我正在使用mouseover event.Any暗示？

Answer 1

执行此操作的唯一方法是将它们分开，因为在这种情况下，标签是SPAN的父级，每当您输入SPAN时，首先输入A。

看到我在这里准备的这个小问题：

`https://jsfiddle.net/egz0ufcx/`

Answer 2

你应该对span元素鼠标输入事件使用停止传播方法。然后只有工具提示事件不会遍历父元素。或

＆＃13;

$("span").mouseenter(function(){
    $(this).parent("a").removeAttr("data-toggle");
});

＆＃13;

标签和innertag的工具提示

2 个答案: