可拖动到可拖动答案

【问题标题】：Draggable into draggable可拖动到可拖动
【发布时间】：2014-06-27 07:38:13
【问题描述】：

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

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>

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

jsfiddle

我的例子中显示的问题是，当我在背景块的末尾滑动块测试时，黑地块没有延伸。我正在寻找与在 Google 地图中拖放标记相同的功能

有什么想法吗？非常感谢

【问题讨论】：

标签： jquery google-maps draggable

【解决方案1】：

问题出在你的 CSS 中。您应该在 #range 元素中禁用 overflow:hidden。 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

【讨论】：