Javascript 需要获取可拖动div的位置

我有一个可拖动的div，我想做的是能够在拖动div并提交from之后捕获该div在页面上的位置

我计划让div呈现在页面重新加载时的最后一个位置

现在我的问题是，在我将div拖拽到页面上之后，我如何捕获div所在位置的坐标或位置

这是我的密码：

<script type="text/javascript">

$(document).ready(function()
{
    $("#filterItem").click(function() {
        $("#filterPanel").fadeToggle("slow", function() {
            toggleImg( 'filter' );
        });
        $(this).toggleClass("active");
        toggleImg( "filter" );
        return false;
    });
    $("#filterPanel").draggable({ snap: "#filterItem" });

    $("#mgmtViewHeaders [title]").tooltip();
});

function closeDraggablePanel( panelName, topPos)
{
    $("#"+panelName+"Panel").toggle("slow", function() {
        toggleImg( 'filter' );
        // Reposition to default
        $("#"+panelName+"Panel").css( "top", topPos);
        $("#"+panelName+"Panel").css( "left", "25");
    });

}

$（文档）.ready（函数（）
{
$（“#过滤器项”）。单击（函数（）{
$（“#filterPanel”）.fadeToggle（“慢速”，函数（）{
切换img（‘过滤器’）；
});
$（此）.toggleClass（“活动”）；
切换（“过滤器”）；
返回false；
});
$（“#filterPanel”）.draggable（{snap:#filterItem}）；
$（“#mgmtViewHeaders[title]”）。工具提示（）；
});
功能关闭DragTablePanel（panelName，topPos）
{
$（“#”+panelName+“Panel”）。切换（“慢”，函数（）{
切换img（‘过滤器’）；
//重新定位为默认值
$（“#”+panelName+“Panel”）.css（“top”，topPos）；
$（“#”+panelName+“Panel”）.css（“左”、“25”）；
});
}

HTML:

过滤器

---

这将给出u的顶部和左侧坐标

更具体地说，

.position（）

或

.offset（）

取决于您的CSS的用途。谢谢，伙计……会尝试一下的

<c:set var="filterTop" value="150" scope="page"/>

<div id="filterDiv">
<ul class="sideMenu" style="top: ${filterTop}px;">
<li style="border-bottom: none;">
    <div id="filterItem" class="sideMenuDiv"><span><img src="../images/plus.gif" />&nbsp;Filters</span>
    </div>
</li>
</ul>
</div>

<%-- Y coordinate of the top edge of the filter panel. --%>
<c:set var="panelTop" value="${filterTop}" scope="page"/>

<div class="sideMenuPanel" style="display: none; width: 290px; top: ${panelTop}px;" id="filterPanel">
</div>

$.position()