jQuery UI的可調整大小的不規則捕捉柵格

Question

我想限定不規則網格的jQuery UI的調整大小捕捉柵格

默認情況下，我可以定義x像素的網格，每列，但我想有什麼東西像：

0px 200px 250px 300px // note that I've skipped 50, 100 and 150 

考慮這個例子： http://codepen.io/FezVrasta/pen/MKgQod

$("#resizable").resizable({ 
     grid: 50, 
     handles: 'e, w' 
    }); 

我想打T的拖動他的元素完全跳過元素變紅的步驟。

可能嗎？

Answer 1

我已經找到了解決辦法，我不知道是否有更好的方法，但是這一次按預期工作：

[style*="width: 50px"], 
    [style*="width: 100px"], 
    [style*="width: 150px"] { 
    width: 200px !important; 
    } 

http://codepen.io/FezVrasta/pen/adoqQm