相对于刚刚单击的按钮，在jquery中设置margin-top

Question

我正在设计一个自定义弹出窗口，我希望这个div的顶部边距与我刚刚点击的按钮的顶部/边缘顶部相匹配以显示它。

<table>
    <tbody>
        <tr>
            <td>other content</td>
            <td>
                <a href="#" class="dropdown-menu">
            </td>
        </tr>
    </tbody>
</table>
<div class=action-menu>
    /*content*/
</div>

这是我在jquery的地方，但不知道如何说top = this（单击按钮）。

 $('.dropdown-menu').click(function() {
              $('.action-menu').show();
              //$('.action-menu').css( "top", "")    <<<<<<<<<< top margin to be the top of the button pushed
   });

Answer 1

看看jQuery＆＃39; offset method。然后，像：

$('.action-menu').css('margin-top', $(this).offset().top + 'px');