Jquery 拖拉

我正在寻找一种方法，可以将一个项目拖放到另一个可拖动的项目中

html

我的示例中所示的问题是，当我在背景块的末尾滑动块测试时，黑地块不会延伸。我正在寻找与谷歌地图中拖放标记相同的功能

有什么想法吗？

---

您的css中有很多问题。您应该禁用溢出：隐藏在#range元素中。 css:

结果:

<div id="range">
    <span class="test">test</span>
    <img src="http://1.bp.blogspot.com/_Ym3du2sG3R4/TQXJiupb32I/AAAAAAAADCs/KIDut36pOeA/s1600/Green-Nature-with-sunrise-wallpaper.jpeg" id="background" />
</div> 

jQuery(document).ready(function() {
    jQuery("#background, span.test").draggable(); 
});

#range {
    width:400px;
    height:400px;

    border:1px solid black;
    position: relative;
}

span.test {
    position: absolute;
    left: 20px;
    top: 20px;  
    padding: 10px;
    background: white;
    z-index: 9999;
}
#background{
   position: relative;
   width:100px;
   height:100px;
}