Jquery ui 停止jquery UI resize强制元素绝对定位

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

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

position: fixed;

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

position: relative;

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

---

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

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

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

---

每当我尝试它时，我总是得到

位置：相对的
。也许你可以改为将元素的父元素设置为位置：固定的？孩子们应该有一个固定的位置，尽管他们自己是相对的，不是吗？@jascha，这很好！我将在明天实际实施…我不确定这是否有效…我还没有接受这一点作为答案。开放给更少的黑客解决方案！将
位置
设置为
固定
的解决方案对我有效，但没有使用
停止
功能。我将该属性直接设置到我的
div
的
样式中。
$(".moveabledraggable").draggable({
   stop: function(){
     alert('dragging stopped');
}
}).resizable({
   stop: function(){
     alert('resizing stopped');
     $(".moveabledraggable").css("position", "fixed");     
}
});