jQuery可以使用box-sizing进行排序：border-box

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

Answer 2

我解决了向可拖动项目添加box-sizing: content-box;