如何让durandal对话框可拖动和调整大小？

Question

我想知道是否可以使用jQuery使durandal中的对话框/弹出窗口可调整大小和可拖动。 在挂钩中， 我补充说：

$('.modalHost').resizable().draggable();

或

$('.modalHost').resizable(); $('.modalHost').draggable();

渲染的内容非常奇怪。

这有效： $('.modalHost').draggable();
但是一旦我添加了resizable就会破坏它。

非常感谢任何帮助。

我已经看过这个，但我希望有一个更具前瞻性的解决方案： Responsive Durandal dialog

Answer 1

您可以使用the resize CSS property

.modalHost{
    resize: both;
}

语法

resize: none
resize: both
resize: horizontal
resize: vertical

resize: inherit

和

$('.modalHost').draggable();

或使用Native HTML5 Drag and Drop