Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.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 jQuery可拖动问题_Javascript_Jquery_Jquery Ui_Draggable - Fatal编程技术网

Javascript jQuery可拖动问题

Javascript jQuery可拖动问题,javascript,jquery,jquery-ui,draggable,Javascript,Jquery,Jquery Ui,Draggable,我试图通过拖动div中的标题栏,使div在浏览器窗口的约束范围内可移动。我的代码如下: <div id='container'> <h3 class='title' id='titlebar'>My Title</h3> </div> <script type='text/javascript'> $(document).ready(function(){ $("#titlebar").draggabl

我试图通过拖动
div
中的标题栏,使
div
在浏览器窗口的约束范围内可移动。我的代码如下:

<div id='container'>
    <h3 class='title' id='titlebar'>My Title</h3>
</div>

<script type='text/javascript'>
    $(document).ready(function(){
        $("#titlebar").draggable({ containment: 'window', scroll: false, helper: $('#container') });
    });
</script>

我的头衔
$(文档).ready(函数(){
$(“#标题栏”).draggable({containment:'window',scroll:false,helper:$('#container'));
});
这有点不对劲(根本没用),但我看不出有什么问题

语法与您的稍有不同,您需要在要可拖动的元素上设置
.draggable()
#container
,在本例中)然后向提供选择器,如下所示:

$("#container").draggable({ 
  containment: 'window', 
  scroll: false, 
  handle: '#titlebar' 
});​​​

$("#container").draggable({ 
  containment: 'window', 
  scroll: false, 
  handle: '#titlebar' 
});​​​

.

非常感谢!我试图从jQuery文档中解决这个问题,但显然我弄错了:)非常感谢!我试图从jQuery文档中解决这个问题,但显然弄错了:)