jquery ui可調整大小的自定義句柄錯誤

Question

我試圖讓自定義句柄與jQuery UI可調整大小的小部件一起工作，但是當我使用句柄選項將jquery引用傳遞給另一個元素時，它失敗。從Iv從網上的文檔和其他示例中讀取的內容，這應該可以很好地工作。

<div class="layer"> 
<div class="left">left</div> 
<div class="center">center</div> 
<div class="right">right</div> 
</div> 
​ 
$('.layer').resizable({ 
    handles: { 
     'e': $('.right') 
    } 
}); 
​ 

這裏有一個小提琴：http://jsfiddle.net/MatteS75/3dwVp/

Answer 1

這是已修復最近的錯誤：

http://bugs.jqueryui.com/ticket/8713

https://github.com/jquery/jquery-ui/commit/9b908878ae3a9c0fbbd9958b579f223a648c5c69

Answer 2

我找到了一個解決方法。

通過設置句柄選項爲空，並設置類我自己，我讓我的自定義句柄工作。這需要對jQuery UI代碼進行一些調查才能發現。

<div class="layer" style="width: 150px;"> 
<div class="left">left</div> 
<div class="center">center</div> 
<div class="right ui-resizable-handle ui-resizable-e">right</div> 
</div> 
​ 
$('.layer').resizable({ 
    handles: null 
}); 
​ 

http://jsfiddle.net/MatteS75/3dwVp/7/

不過，我不認爲這是一個jQuery UI的錯誤，相關型號這個問題： overriding a jquery ui widget string option with an object