0

我有一个可拖动的 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");
    });

}

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

1 回答 1

1 
$.position()

这将为您提供顶部和左侧坐标。

于 2013-03-12T18:45:09.107 回答