jquery-ui - 停止 jquery UI 调整大小以强制元素绝对定位

Question

我有一个非常简单的脚本，它利用 jquery 库并允许我使用“moveabledraggable”类拖动元素并调整其大小。

$(".moveabledraggable").draggable({
   stop: function(){
     alert('dragging stopped');
}
}).resizable({
   stop: function(){
     alert('resizing stopped');
}
});

它工作得很好，除了我希望在用户滚动时将“moveabledraggable”固定在屏幕上。它需要使用“固定”来定位。拖动元素不会改变我的硬编码内联样式

position: fixed;

但是在调整元素大小时，jquery ui 将其更改为

position: relative;

我怎样才能阻止这个？不知道这是否可能，但拖动和定位（更难）不会改变固定位置，所以也许可以做到。

Jsfiddle在这里！

（Jsfiddle 实际上不起作用（可能是由于它在视口中使用子窗口的方式），但它可以复制粘贴到 jquery-ui 链接的本地文件。）

Answer 1

啊，不知道为什么我一开始没有想到这个。只需像这样重新附加内联 css：

$(".moveabledraggable").draggable({
   stop: function(){
     alert('dragging stopped');
}
}).resizable({
   stop: function(){
     alert('resizing stopped');
     $(".moveabledraggable").css("position", "fixed");     
}
});