问题标签 [jquery-ui-resizable]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
5544 浏览

css - 根据父 Div 调整 Textarea 的大小

我有如下代码 div 可以使用 JQuery 拖动和调整大小。我希望根据调整大小的 div 自动调整内部 textare 的大小。下面的代码适用于宽度,但它不会获得 div 的完整高度。

0 投票
1 回答
2110 浏览

jquery - Resize Textarea 从边缘调整大小

我使用 Jquery 进行了以下操作,不知怎的,我可以在右下角看到一个调整大小图标的地方调整它的大小。在侧边它显示 <--> 用于调整大小,但我不能将它从边缘拉伸到调整大小?有什么问题吗?

0 投票
2 回答
20310 浏览

html - 如何使用 jQuery UI 设置自定义调整大小句柄?

我正在使用 jQuery UI 来允许我的页面元素可调整大小,但我想设置自定义句柄。我已经尝试了我认为应该有效的方法,但它没有。

基本的html是:

我是这样设置的:

这会在正确的位置产生正确的句柄,但是当我尝试调整大小时,它什么也没做!可能有什么问题,或者有更好的方法来做到这一点?

0 投票
3 回答
3211 浏览

jquery - 如何在可调整大小的事件后取消点击?

我正在利用 Jquery UI 可调整大小插件来调整各种 div 的大小。考虑以下 HTML 页面(嵌入了 JS):

所以,我在这个示例代码中想要完成的事情非常简单。当用户单击嵌套在“#site”中的 div 时,我希望 div 成为“选中”。所以,在这个例子中,当 div 的点击事件被触发时,一个名为“selected”的 CSS 类将被添加到被点击的 div 中。除了点击 div 之外,用户还可以调整 div 的大小。当用户调整所选 div 的大小时,就会出现问题。显然,当用户第一次选择 div 时会触发 click 事件,但是当用户单击并拖动 div 的边缘以调整其大小时也会触发 click 事件。点击事件将调用点击例程并取消选择 div。这不是我想要发生的。只有在所有可调整大小的事件都已触发后,才会触发 click 事件。

有了这个,我的问题是,我如何处理这种情况以允许用户单击并选择 div,但也允许调整 div 的大小,但在拖动和调整 div 的大小时不取消选择?感谢您的帮助。提前致谢。

0 投票
1 回答
1070 浏览

jquery-ui-resizable - JQuery UI 可调整大小

我正在使用 JQuery UI 仅垂直调整 div 的大小(从底部边缘拖动。我设置了 div height:200pxoverflow:auto

JQuery 看起来像这样:

当 div 为空或有内容但没有溢出时,re-size 功能非常有用。但是,如果有溢出,当我向下移动滚动条时,拖动手柄会向上移动(从底部)。它不会停留在让我发疯的底部边缘,因为它使它无法使用。

我不知道如何解决这个问题。有人可以帮忙吗?

谢谢!

HTML:

0 投票
1 回答
609 浏览

wpf - 类似于 jQuery UI 的 WPF 库?

是否有任何类似于jQuery UI的 WPF 库?

我特别喜欢Sortable交互:

在此处输入图像描述

可调整大小的交互:

在此处输入图像描述

如果可以将这两种交互结合起来,那就太好了。

谢谢。

0 投票
3 回答
20432 浏览

javascript - 使用 jQuery-Resizable 调整 2 个 div 的宽度

我目前在以下页面上工作:

页面架构

divResizable 已被 jQuery 使用以下代码修改$().ready()

如您所见,当 divResizable 变小时,我尝试增加 divContent 的宽度,反之亦然。但是,使用此代码,divContent 并不总是只“增长”到左侧,它有时会延伸到不相关的 div 的右侧,这根本不会使调整大小看起来很好。

是否有更复杂的方法可以让这 2 个 div 的宽度对应?

我能想到的是将 divContent 的宽度设置为

我将如何使用 jQuery 来做到这一点?

0 投票
1 回答
2280 浏览

jquery - Jquery 可调整大小改变我的 DOM 元素

我有以下代码

当我调整 ip 元素的大小时,它会将元素向左移动一点?

演示在这里演示

0 投票
1 回答
222 浏览

javascript - Jquery resizable 似乎改变了布局

请参考 J Fiddle:

http://jsfiddle.net/NwvPA/3/

这两个栏,您只能左右调整它们的大小。但是,如果您调整顶部的大小,它会将另一个条重新定位在其顶部,它们应该保持在垂直水平!

在这里很难发布代码,因为有很多,所有相关的位都被剥离出来并放在小提琴上。

任何帮助表示赞赏,谢谢!

0 投票
1 回答
69 浏览

javascript - 卸下右侧和底部/右侧把手

我有以下脚本:

http://jsfiddle.net/rYFEY/12/

效果很好,除了我需要删除右和右下手柄,只留下底部手柄用于调整大小。目前,如果我点击右手柄,框会改变大小。

这不应该发生,它应该始终保持 100% 宽,并且只能在高度上调整大小。

如何才能做到这一点?