jQuery Draggable Problem

Question

Im пытается получить 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.