可拖動到可拖動

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