停止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");  
} 
});