我一直在玩JQuery的拖放,当我注意到当窗口太小并且有滚动条时我可以拖出包含元素。基本上用下面的代码,你可以做的是让你的窗口变小,直到你有垂直滚动条;然后向下拖动内部div直到它越过外部div。JQuery拖动可以通过自动滚动拖动通过Containment元素
任何人都知道解决方法或在其他地方遇到过这个问题(也许我做错了)?目前我只是禁用滚动选项,但我宁愿它能够滚动。
<html>
<head>
<script src="jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="jquery-ui-1.8.11.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".draggable").draggable();
$(".draggable").draggable("option", "containment", ".parentdraggable");
});
</script>
</head>
<body>
<div class="parentdraggable" style="border:1px solid black;min-width:400px;min-height:400px;">
<div class="draggable" style="border:1px solid black">Hi</div>
</div>
</body>
</html>
我创建了一个jsfiddle,可以看到这个行为:http://jsfiddle.net/Sgoettschkes/PyyWG/我会玩一下。 – Sgoettschkes