jquery-ui - box-sizing:border-box でソート可能な jQuery

Question

jquery のソート可能な実装を使用するときに要素に「box-sizing: border-box」がある場合、ドラッグするとサイズが失われる/変更されることがわかりました。

例 -

http://jsfiddle.net/veBJh/2/

box-sizing:border-box 属性を削除すると、元の要素の寸法を維持したまま、期待どおりに機能します。これを回避する方法はありますか (box-sizing 属性を変更しないと、プロジェクトのグローバル設定であり、他のすべてが非常に簡単になるため、削除したくありません!)?

Answer 1

私は同じ問題に遭遇し、ソート可能な呼び出しにカスタムの「ヘルパー」を追加して解決しました:

$('#container').sortable({
    helper: function(event, element) {
      var clone = $(element).clone();
      var w = $(element).outerWidth();
      var h = $(element).outerHeight();
      clone.css({
          'width': w+'px',
          'height': h+'px'
        });
      return clone;
    }
});