Javascript 如何获取可拖动项目在放置时的相对位置？_Javascript_Jquery

Javascript 如何获取可拖动项目在放置时的相对位置？

javascript jquery

Javascript 如何获取可拖动项目在放置时的相对位置？,javascript,jquery,Javascript,Jquery,我有以下资料： $(function() { // Make images draggable. $(".item").draggable({ // Find position where image is dropped. stop: function(event, ui) { // Show dropped position. var Stoppos = $(this).position(); $("

我有以下资料：

    $(function() {
    // Make images draggable.
    $(".item").draggable({

    // Find position where image is dropped.
    stop: function(event, ui) {

        // Show dropped position.
        var Stoppos = $(this).position();
        $("div#stop").text("STOP: \nLeft: "+ Stoppos.left + "\nTop: " + Stoppos.top);
    }

    });
});

这将在我放置项目时获取项目的位置，但它是相对于浏览器窗口的，而不是它们所在的div。我怎样才能得到它们的相对位置

编辑->以下是html/css：

<style type="text/css">

.container {
    margin-top: 50px;
    cursor:move;
}
#screen {
    overflow:hidden;
    width:500px;
    height:500px;
    clear:both;
    border:1px solid black;
}                              

</style>

<body>

<div class="container">

    <div id="screen">
      <img id="productid_1" src="images/KeypadLinc OFF.jpg" class="item" alt="" title="" />
      <img id="productid_2" src="images/KeypadLinc ON.jpg" class="item" alt="" title="" />
    </div>

</div>


<div id="stop">Waiting image getting dropped...</div>
</body>


.集装箱{
边缘顶部：50px；
光标：移动；
}
#屏风{
溢出：隐藏；
宽度：500px；
高度：500px；
明确：两者皆有；
边框：1px纯黑；
}                              
正在等待图像被删除。。。

设置包含属性。例如：

$(".item").draggable( { containment: 'parent' } );

请记住，包含元素（在本例中为

parent

）可能无法与某些选择器一起使用

从文件中：

约束拖动到指定元素或元素的边界内区域可能的字符串值：'parent'，'document'，'window'，[x1， y1，x2，y2]

有关更多信息，请参阅。

给出父div

位置：相对
#screen {
    position: relative;
    ...
}

这是行不通的。我正在用html编辑我的问题，如果这有助于我现在看一看，我会很快发回；到包含元素将解决您的问题。@Downvoter-我的答案有什么问题？它可以工作，请参见此处：