JQuery ui Диалог: Отключите "Draggable" для контента Dialog

У меня есть мозговой пердит и, похоже, не могу получить содержимое моего 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
    }

Спасибо!

Ответ 1

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

В этом примере я отключил перетаскиваемые и изменяемые изменения события в диалоговом окне.

Ответ 2

Когда вы выполните: $("div").draggable({disabled:true}) div становится прозрачным, вы можете удалить класс из отключенного, чтобы этого не произошло:
$("div").removeClass(' ui-draggable-disabled ui-state-disabled');

Ответ 3

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

Ответ 4

Вы также можете установить для draggable значение false:

$("div").draggable({disabled:true}) // this will disable dragging on a draggable object
$("div").draggable({disabled:false}) // this will enable dragging on a draggable object

Ответ 5

Если вы хотите, чтобы пользователь не переустанавливал ваше диалоговое окно, вы можете использовать код ниже.

$("#yourDivId").dialog("option", "resizable", false);

Это запретит пользователю изменять размер диалогового окна.