jquery - 可拖动溢出

Question

请帮忙，我想让那个绿色盒子可以在它的父级中被拖动，但它也可以从它的父级溢出，并且当它(绿色盒子)移动或拖动到线上时会被隐藏。有人可以帮助我吗？

Javascript:

$(document).ready(function() {
  $("#child").draggable({
    containment: 'parent'
  });
});

HTML:

<div id="parent">
    <div id="child"></div>
</div>

请帮忙，这里是 fiddle ，例如:http://jsfiddle.net/vbJHJ/9/

我读了http://api.jqueryui.com/draggable/但没有什么可以帮助我.. :(

Answer 1

你把事情复杂化了。亲吻它。取消遏制并向父级添加 css 溢出。

JS:

$(document).ready(function() {
    $("#child").draggable();
});​

CSS:

#parent{
    width:300px; height: 300px; border: 1px solid #ccc; overflow: hidden;
}

#child{
    width: 50px; height: 50px; background: #00ff00;
}​

HTML:

<div id="parent">
    <div id="child">
    </div>
</div>

Demo