Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使块仅在某个块内可拖动?_Javascript_Jquery_Html_Css - Fatal编程技术网

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

Javascript 如何使块仅在某个块内可拖动?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有个小问题。我粘贴了我的代码 我的问题是:我想使我的窗口div(拖动我)只能在warpdiv中拖动 HTML代码: <div id="warp"> <div id="window"> Drag me </div> </div> JS代码: $(document).ready(function() { $("#window").draggable(); }); 我的意思是,当我用鼠标拖动它时,它不应该离开

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

我的问题是:我想使我的
窗口
div
拖动我
)只能在
warp
div中拖动

HTML代码:

<div id="warp">
    <div id="window">
        Drag me
    </div>
</div>
JS代码:

$(document).ready(function() {
    $("#window").draggable();
});
我的意思是,当我用鼠标拖动它时,它不应该离开
warp
div.

您可以使用

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

您是否试图阻止它被拖动到warp div之外,还是允许它被拖动到warp div之外?
$( "#window" ).draggable({
      containment: 'parent'
    });
$("#window").draggable ({
    containment : "#warp"
  });