jQuery ui对话框:关闭对话框内容的“Draggable”

Question

我正在胡思乱想，似乎不能让我的jquery ui对话框的内容停止“可拖拽”。我关闭了实际对话框弹出窗口中的可拖动设置，但是，框中的内容仍然可以拖出框的视图。我想有一个静态定位框和静态定位的内容在框内。

下面是我的代码：

$('.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
    });

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

Answer 2

$("#test_id").dialog({
    display: 'block',
    width: 500,
    modal: true,
    resizable: false,
    draggable: false,
    buttons: {
       "Ok": function() {
            $(this).dialog("close");
        }
    }
});

Answer 3

当你这样做的时候：$("div").draggable({disabled:true})这个div变得透明，你可以将这个类从disabled中移除，这样就不会发生这种情况：

$("div").removeClass(' ui-draggable-disabled ui-state-disabled');