开发者

Does jQuery offset(); work on td cells?

开发者 https://www.devze.com 2023-03-07 15:58 出处：网络

I\'m trying to have a tool tip pop-up just slightly to the left of a couple of td cells in a table: $(\'table.seafood td.prod4\').hover(function() {

相关专题：html-table jquery offset

I'm trying to have a tool tip pop-up just slightly to the left of a couple of td cells in a table:

$('table.seafood td.prod4').hover(function() {
    var offset = $(this).offset();
    $("div.peekSeafood4").fadeIn(200);
    $("div开发者_如何转开发.peekSeafood4").css('left', offset.left + 'px');
}, function() {
    $("div.peekSeafood4").fadeOut(200);
});

It's not working, throwing the tooltips far off to the side of the screen.

Does offset(); not work with td cells/tables?

Yes, offset() works with table cells. This demo will show you it working at the most basic level.

I suspect the problem lies with $("div.peekSeafood4"), which will be positioned relative to its offsetParent element - you might need to make sure that the offsetParent for the matching element is the <body> element.

As @patrick_dw pointed out earlier, there's also the possibility that position() would give you the correct results, depending on where your tool tip pop-up is placed in the DOM.