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

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

有什么想法吗？很多

Answer 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

可拖动成可拖动的

1 个答案: