我试图通过拖动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>
这有什么不对(它什么都不做)但我看不出问题!
答案 0 :(得分:3)
.draggable()
语法与您的语法略有不同,您需要在要拖动的元素上设置.draggable()
(在这种情况下为#container
)然后提供选择器handle
option,像这样:
$("#container").draggable({
containment: 'window',
scroll: false,
handle: '#titlebar'
});