Question

我有一个小问题。我粘贴了我的代码here。

我的问题是：我想让我的window div（<div id="window"> Drag me </div>）只能在warp div中进行拖动。

HTML code：

<div id="warp">
    <div id="window">
        Drag me
    </div>
</div>

CSS代码：

body {
    margin: 0;
    background-color: #e67e22;
}

#window {
    width: 150px;
    height: 200px;
    //background-color: #1abc9c;
    border: 2px solid #16a085;
    padding: 20px;
}

#warp {
    margin: 10px;
    width: 700px;
    height: 600px;
    border: 2px solid #e74c3c;
}

JS代码：

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

我的意思是当我用鼠标拖动它时它不应该离开warp div。

Answer 1

你可以使用

$( "#window" ).draggable({
      containment: 'parent'
    });

Answer 2

$("#window").draggable ({
    containment : "#warp"
  });

如何仅在某个块内使块可拖动？

2 个答案: