context
several same-sized divs with float:left.
each div have a minitooltip associated with aHide set false.
step to reproduce
- when the cursor is over a div a tooltip appears.
- move the cursor from the div to the tooltip
explanation
when the cursor move from the div to the tooltip, the cursor may raise an event on visible part of the div under the tooltip.
| tooltip |
+---/----+
.....v....... <- this space is the danger zone because this div's tooltip raise randomly an hover event when the cursor is detected on it.
+---------+
| div |
demonstration code
<style>body p{float:left;border:1px solid #000;width:200px;height:200px;margin:0}</style>
<p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p>
<script>
$(document).ready(function(){$("p").each(function(i,e){var t = $(this);t.miniTip({aHide:false,event:'hover',content:'['+i+']'});
});});</script>
context
several same-sized divs with float:left.
each div have a minitooltip associated with aHide set false.
step to reproduce
explanation
when the cursor move from the div to the tooltip, the cursor may raise an event on visible part of the div under the tooltip.
| tooltip |
+---/----+
.....v....... <- this space is the danger zone because this div's tooltip raise randomly an hover event when the cursor is detected on it.
+---------+
| div |
demonstration code
<style>body p{float:left;border:1px solid #000;width:200px;height:200px;margin:0}</style>
$(document).ready(function(){$ ("p").each(function(i,e){var t = $(this);t.miniTip({aHide:false,event:'hover',content:'['+i+']'});
<p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p>
<p></p><p></p><p></p><p></p><p></p><p></p>
<script>
});});</script>