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。