jQuery UI 对话框 : Turn off 'Draggable' for Dialog content

Question

我脑子有问题，似乎无法让我的 jquery ui 对话框的内容停止“可拖动”。我关闭了实际弹出对话框中的可拖动设置，但是，框内的内容仍然可以拖出框的 View 。我想要一个静态定位的框和框​​内静态定位的内容。

这是我的代码:

$('.LinkBtn').click(function (e) {
        e.preventDefault();
        var OfferID = $(this).attr('id').substring(8);
        $('#HiddenLinks_' + OfferID).show();
        newDialog(OfferID);
    });
    function newDialog(OfferID) {
        var divObj = $('#HiddenLinks_' + OfferID);
        var $dialog = divObj
        .draggable()
        .dialog({
            draggable: false,
            autoOpen: false,
            resizable: false,
            modal: false,
            title: $('#HiddenLinks_' + OfferID).attr('title')
        }).draggable(false);
        $dialog.dialog('open');
        return false
    }

谢谢!

Answer 1

    $('#popup').dialog({
        width: 600,
        modal: true,
        resizable: false,
        draggable: false
    });

在此示例中，我禁用了对话框上的可拖动事件和可调整大小事件。