Question

我有一个可拖动的div，我想要做的是能够在拖动它并提交了from之后捕获页面上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");
    });

}

HTML：

<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>

Answer 1

$.position()

这将给你顶部和左侧坐标。

需要获得可拖动div的位置

1 个答案: