Почему мои диалоги не перетаскиваются в jQuery? - PullRequest
Новая
       21

Почему мои диалоги не перетаскиваются в jQuery?

0 голосов
/ 19 марта 2012

Я создал диалог в jQuery, но он не перетаскивается, хотя я установил «draggable: true». Кто-нибудь может увидеть, что не так?

HTML: 

<div class="lessonDetails">
    <a href="#popUpLink" class="popUpLink">Lesson Details</a>
    <div class="popUpDialog" title="Lesson Details">
       <p>'.$l['name'].'</p>
       <p><a href="">Resources and Objectives</a></p>
    </div>
</div>

JS: 

$('.popUpLink').each(function()
{
    $divDialog = $(this).next('.popUpDialog');
    $.data(this, 'dialog', $divDialog.dialog(
    {
        autoOpen: false,
        modal: true,
        title: $divDialog.attr('title')
        //draggable: true   
    }));
}).click(function()
{
    $.data(this, 'dialog').dialog('open');
    return false;
});

Ответы [ 2 ]

1 голос
/ 19 марта 2012

Вам не нужно включать draggable:true в качестве значения по умолчанию ..

Но вам нужно включить 2 дополнительные библиотеки, чтобы draggable заработал: 

<script src="pathto/ui/jquery.ui.mouse.js"></script>
<script src="pathto/ui/jquery.ui.draggable.js"></script>

Взгляните на раздел зависимостей в документации

Когда вы загружаете библиотеки jQuery UI , вы должны выбрать, какие "модули" вам нужны - вам нужно выбрать те, которые указаны выше, или, что еще лучше, ссылаться на полную библиотеку jQuery UI , используя Googles CDN

0 голосов
/ 19 марта 2012

Вы пропустили запятую после: 

title: $divDialog.attr('title')

Возможно, вы видели это в консоли javascript или отладчике

...