jQuery Draggable Проблема - PullRequest
Новая
       9

jQuery Draggable Проблема

0 голосов
/ 27 мая 2010

Я пытаюсь заставить 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>

Что-то не так с этим (оно вообще ничего не сделает), но я не вижу проблемы!

1 Ответ

3 голосов
/ 27 мая 2010

Синтаксис .draggable() немного отличается от вашего, вам нужно установить .draggable() для элемента, который вы хотите перетаскивать (в данном случае #container), затем предоставить селектор handle опция , вот так: 

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

Рабочее демо можно посмотреть здесь .

...