Question

jquery中存在一个可以使用帮助程序调整大小的错误。当您仅使用一侧调整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

在resizable init中，像这样放置start事件。 Ps：我的可调整大小的组件有一个网格[5,5]，所以我使用模块（％）来验证其中一方是否丢失了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;
 }
});

希望这可以帮助你们！

Jquery可调整大小的bug与助手，失去1px

2 个答案: