Почему мой диалог не перетаскивается и не изменяет размер?

#jquery-ui #dialog #resize #drag

#jquery-пользовательский интерфейс #диалог #изменить размер #перетаскивание

Вопрос:

Я не могу перетащить или изменить размер диалогового окна. Я загрузил все зависимости и попробовал различные настройки в настройках, но все еще безрезультатно:

 <script type="text/javascript">
function dialog(){
$("#paragraph").dialog({
    title: 'This is a title',
    width: 300,
    height: 50,
    modal: true,
    draggable: true,
    autoOpen: false,
    buttons: {
            'Remove': function () { // remove what you want to remove 
                // do something here 
                alert("this is a test alert!");
                $(this).dialog('close');
                $("#flex1").flexReload();
            },
            Cancel: function () {
                $(this).dialog('close');
            }
        }
});
$("#paragraph").dialog("open");
};
</script>

<p id="paragraph">This is some paragraph text</p>

1. почему я должен иметь ui.draggable.js включено в мой оператор head? я не думал, что вам это нужно или что вы можете изменять размер. не следует ли включить его в файл ui.custom? Спасибо

Ответ №1:

Загрузка библиотеки пользовательского интерфейса jQuery настраивается. Если ваша копия не включает взаимодействия «Перетаскиваемый» и «Изменяемый размер», ваш диалог не будет перетаскиваемым или изменяемый размер.

Ответ №2:

Ну, может быть, добавить параметр изменения размера и установить для него значение true.

Также диалоговое окно можно перетаскивать за строку заголовка, а не за все тело диалога.

Есть что-нибудь хорошее?

1. в моем коде уже есть draggable: true. также попробовал то же самое с изменяемым размером. Спасибо

2. Я имел в виду, что вы можете перетащить окно, только щелкнув / удерживая его в строке заголовка