2

我发现，如果一个元素在使用 jquery 的可排序实现时具有“box-sizing:border-box”，它会在拖动时丢失/更改其大小。

例子 -

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

如果您删除 box-sizing:border-box 属性，它将按预期工作，保持原始元素尺寸。有没有办法解决这个问题（减去改变 box-sizing 属性，它是项目的全局设置，我宁愿不删除它，因为它使其他一切变得如此简单！）？

4

2 回答 2

4

我遇到了同样的问题，并通过在可排序调用中添加自定义“助手”来解决它：

$('#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;
    }
});
于 2012-06-30T23:15:14.323 回答
2

我解决了将 a 添加box-sizing: content-box;到可拖动项目的问题

于 2014-01-28T17:27:15.800 回答