jquery中的悬停效果和函数

我有一个目标

和另一个

作为工具提示

<div class="outter"></div>
<div class="inner"></div>

但是当鼠标没有从“outter”中移出时，同时鼠标在“outter”中的“inner”上，问题发生了：inner闪烁，不稳定

那么这个案子怎么了

---

我希望内部的稳定，而不是闪烁的。请帮助，谢谢：）

这可能不是理想的解决方案，但试试这个

$(".outter, .inner").hover(function(){
   var $top=$(".outter").offset().top;
   var $left=$(".outter").offset().left;

   $('.inner').css({'top':$top+10+'px','left':$left+10+'px'}).show();
},function(){
    $('.inner').hide();
})

---

如果这是一个选项，最简单的解决方案是使用元素，就像它们被命名一样：

<div class="outter">
  <div class="inner"></div>
</div>

---

…那么您当前的代码工作正常，因为

mouseleave

在输入

.internal

元素时不会触发，因为它是子元素

我知道“outter”中的“inner”可以解决这个问题，但是我的页面中有很多div，工具提示将与每个div相匹配，所以如果每个div都有工具提示，我认为这不好……@hh54188-将它们放在里面有什么问题？如果你不这样做，你至少应该重命名使用的类：）把它们放在里面没有问题。我的意思是，我的页面中的每个div都需要工具提示，而且很多都很常见。所以如果我在每个div中设置工具提示，那就浪费了html代码：）请提醒我，我可以先用“appendTo”来附加到我需要的div中，然后执行悬停函数……@hh54188-是的，有很多方法可以解决唯一性问题，我只是不知道您的所有约束，您的示例非常简单：）

<div class="outter">
  <div class="inner"></div>
</div>