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'
    });

我想拖动元素完全跳过元素变为红色的步骤。

有可能吗？

Answer 1

我找到了一个解决方案，我不确定是否有更好的方法，但这个方法按预期工作：

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

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