Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui “如何修复”;向上拖动时,此移动框位于“可调整大小的框”下_Jquery Ui_Jquery Ui Resizable - Fatal编程技术网

Jquery ui “如何修复”;向上拖动时,此移动框位于“可调整大小的框”下

Jquery ui “如何修复”;向上拖动时,此移动框位于“可调整大小的框”下,jquery-ui,jquery-ui-resizable,Jquery Ui,Jquery Ui Resizable,我正在手机上制作一个可调整大小的盒子。 问题是此框下的文本在拖动框的上边缘时一直在移动。 我不知道去哪里修理 救救我!求你了 $('#resize').resizable({ helper: "ui-resizable-helper", handles:'n' }); 在JSFIDLE上检查此问题 当您从北方调整大小(“n”)时,高度和顶部样式将被调整。如果要从顶部收缩,则需要删除top样式。这可以通过.css()将其设置回0或删除(“”值)来完成 例如: JavaScript

我正在手机上制作一个可调整大小的盒子。 问题是此框下的文本在拖动框的上边缘时一直在移动。 我不知道去哪里修理

救救我!求你了

$('#resize').resizable({
    helper: "ui-resizable-helper",
    handles:'n'
});
在JSFIDLE上检查此问题


当您从北方调整大小(
“n”
)时,
高度和
顶部
样式将被调整。如果要从顶部收缩,则需要删除
top
样式。这可以通过
.css()
将其设置回
0
或删除(
“”
值)来完成

例如:

JavaScript

$(function() {
  $('#resize').resizable({
    helper: "ui-resizable-helper",
    grid: [10, 10],
    handles: 'n',
    stop: function(e, ui) {
      ui.element.css("top", "");
    }
  });
});

希望有帮助。

欢迎使用堆栈溢出。这是使用“n”调整大小时的预期行为。它试图在不改变其他点位置的情况下改变高度。如果您进行检查,您将看到除了
高度
之外,
顶部
也发生了变化。