jQuery UI对话框小部件内的选项不起作用

Question

使用position.within选项在包装器中包含jQuery对话框小部件不起作用。

我正在使用'jQuery UI 1.12'的'dialog widget'。要建立模态，我已经读过here！ jQuery UI的position选项具有这种可能性，但我无法使其工作。

这是我声明对话框对象的方式：

var dialog = $(htmlSelectors.modalContainer).dialog({
    position: {
        my: "center",
        at: "center",
        of: "#modal-wrapper",
        within: "#modal-wrapper"
    },
    buttons: [{
        showText: "Save",
        faIcon: "fa-save",
        class: "btn btn-success",
        click: function() {
            form.submit();
        }
    }]
});

我希望模态不能移动到我定义的具有位置“内”属性的包装器之外。