停止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 here!

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

Answer 1

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

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