jQuery ui Dialog: отключить «перетаскивание» для содержимого диалога

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 становится прозрачным, вы можете удалить класс из отключенного, чтобы этого не произошло:
$("div").removeClass(' ui-draggable-disabled ui-state-disabled');

Answer 4

Вы также можете просто установить перетаскиваемый на ложь с помощью:

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

Answer 5

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

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

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