Я хочу отслеживать и показывать всплывающую подсказку, когда мышь находится рядом с элементом таблицы. Он работает с событием mouseenter, но я хочу показать всплывающую подсказку до mouseenter, когда он приближается. Также я хочу удалить всплывающую подсказку после mouseout на некотором расстоянии от головки таблицы.
Это мой код.
$('thead').mouseenter(showtooltip);
$('thead').mouseout(removetooltip);
Как я могу сделать это с помощью jQuery?
Это работает. Первым параметром может быть любой объект jQuery. Второй параметр - близость к объекту, в данном случае 20px.
Демо: http://jsfiddle.net/ThinkingStiff/Lpg8x/
Script:
$( 'body' ).mousemove( function( event ) {
if( isNear( $( 'thead' ), 20, event ) ) {
//show your tooltip here
} else {
//hide it here
};
});
function isNear( element, distance, event ) {
var left = element.offset().left - distance,
top = element.offset().top - distance,
right = left + element.width() + 2*distance,
bottom = top + element.height() + 2*distance,
x = event.pageX,
y = event.pageY;
return ( x > left && x < right && y > top && y < bottom );
};