jquery - 带有帮助器的 Jquery 可调整大小的错误，丢失 1px

Question

jquery 中存在一个使用 helper 调整大小的错误。当您仅使用一侧调整 div 的大小时，另一侧会损失 1px。

你可以在这里测试：http: //jqueryui.com/resizable/#helper

例如，使用浏览器的 Element Inspector 并查看指标/布局。尝试调整右侧的大小，您会看到底部丢失 1px。

Answer 1

先前的答案并没有解决我的（相同）问题。我是这样解决的：

$(".resizable").resizable({
  helper: "ui-resizable-helper",
  start: function( event, ui ) {
    $(ui.helper).height(ui.originalSize.height);
    $(ui.helper).width(ui.originalSize.width);
 }
});

这会在开始时强制设置助手的大小。

Answer 2

在可调整大小的初始化中，像这样放置开始事件。Ps：我的可调整大小的组件有一个 grid[5,5]，所以我使用 module(%) 来验证其中一侧是否丢失了 1px，然后再次添加 1px。

$(".resizable").resizable({
  helper: "ui-resizable-helper"
 ,grid: [5,5]
 ,start: function( event, ui ) {
    if ((ui.size.height%5) != 0) ui.size.height += 1;
    if ((ui.size.width%5) != 0)  ui.size.width  += 1;
 }
});

希望这对你们有帮助！！！