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

jQuery可拖动问题

1 个答案: