javascript - jQuery 可拖动问题

Question

我试图通过拖动 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>

这有问题(它根本不会做任何事情)，但我看不出问题所在!

Answer 1

.draggable()语法与您的稍有不同，您需要在想要可拖动的元素上设置 .draggable() (在本例中为 #container)，然后提供一个选择器handle option ，像这样:

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

You can see a working demo here .