我一直在玩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