Tôi cần sử dụng giao diện người dùng jQuery để hạn chế vùng chứa đối tượng có thể kéo với một số hạn chế bổ sung. Tôi cần ngăn phần tử có thể kéo chồng chéo với các phần tử khác trong cùng một vùng chứa. Tôi cần phải cho phép di chuyển trong khu vực "moveInHere" nhưng không cho phép khu vực "butNotHere". Có thể không?Giới hạn các mục có thể kéo của jQuery từ chồng chéo/va chạm với các phần tử anh chị
<div id="moveInHere">
<div id="dragMe"> </div>
<div id="butNotHere"> </div>
</div>
<script type="text/javascript">
$("#dragMe").draggable({
containment: "#moveInHere"
});
</script>
+1 Clever sử dụng ' 'sự kiện over' droppable' để kích hoạt một' mouseup'. –
Bạn có biết nếu giải pháp mới của bạn tương thích với JQuery 1.10 không? Tôi đang gặp lỗi. –
jsfiddle này không hoạt động nữa. Câu trả lời phải được cập nhật với các chi tiết về phiên bản, v.v. – Kukeltje