使按钮位置不正常

Question

jQuery代码：

numpy

HTML代码（appendTo正文）：

$(document).on('click', '.get-dropdown-menu', function(e) {
    var target = $(this);

    // After getting the HTML content by using ajax set the CSS
    $('class').css({
        'position': 'absolute',
        'top': target.offset().top + target.outerHeight(),
        'bottom': 'auto',
        'left': target.offset().left,
        'right': target.offset().right
    });
});

这是代码的结果：

https://i.imgur.com/295i84E.png

代码正在成功获取按钮的菜单位置，但我需要菜单显示如下：

https://i.imgur.com/01asJAh.png

我试图制作类似这样的东西，但这并不是真的：

<div class="dropdown_menu">
    <ul role="menu">
        <li>
            Delete
        </li>   
        <li>
            Report abuse
        </li>
    </ul>
</div>