Question

我在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;
});

Answer 1

您无需将draggable:true包含为the default value ..

但是你需要包含2个额外的库才能使draggable工作：

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

查看依赖项部分on the docs

当您download the jQuery UI Libraries时，您必须选择所需的“模块” - 您需要选择上面的模块或更好地引用完整的jQuery UI库using Googles CDN

Answer 2

你错过了逗号：

title: $divDialog.attr('title')

你可能已经在javascript控制台或调试器中看到了这个

为什么我的对话框在jQuery中不可拖动？

2 个答案: