可拖动到可拖动

Question

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

HTML

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

JS

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

jsfiddle

问题如图我的例子是，当我在背景块的端部滑动块试验中，blackground块不扩展。我正在寻找与谷歌地图中拖放n标记相同的功能

任何想法？ thx很多

Answer 1

问题是在你的CSS。你应该禁用溢出：隐藏在#range元素。 CSS：

#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; 
} 

结果：jsfiddle