问题标签 [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 投票
2 回答
2189 浏览

javascript - JQuery 可通过旋钮调整大小

我正在使用jQuery-ui Resizable- 我想使用旋钮而不是边框​​(我的旋钮是右下角的按钮)。

我看到在选项中我有一个KnobHandles,我必须设置为true

我在哪里设置我的手柄?我试图在句柄选项中设置它,但它不起作用。

下面是我的代码:

更新:刚刚注意到旋钮手柄是一些默认的东西。我想用自定义按钮调整它的大小,有什么办法吗?

0 投票
6 回答
29148 浏览

jquery - JQuery UI 中的自定义可调整大小的句柄

我一直在尝试创建一个可调整大小的文本框(ASP.NET 多行TextBox/HTML textarea)并使用 JQuery UI 使其可调整大小,但似乎遇到了一些涉及自定义拖动句柄的问题。

关于该Resizable方法的 JQuery 文档(特别是关于handles选项的文档)建议我可以设置任何句柄以使用自定义 HTML 元素。我已经设法使用默认的可调整大小的句柄使可调整大小的文本框工作得很好,但是尝试设置自定义的(即我在标记中定义的 HTML 元素)会产生以下问题:可调整大小的容器为div底部的句柄(用于南句柄),但将空间留空并显示可调整大小的容器下方(外部)的元素(使用 Firebug 验证)。

这是我的标记 (ASP.NET/XHTML) 和 JavaScript 代码:

当然,我不能使可调整大小的句柄 div (类resizable-s)成为TextBox/的子级textarea,但是根据 JQuery 文档,这应该不是问题。

从我所做的搜索来看,我不是唯一遇到这个问题的人。(不幸的是,JQuery 文档未能给出使用自定义可调整大小句柄的示例,因此我们都不确定正确的代码。)如果有人可以建议对此进行修复,或者确实确认这是一个 JQuery 错误,那将不胜感激。

0 投票
7 回答
10958 浏览

jquery - jQuery UI 可调整大小 - 操作方向

如何确定调整大小操作的方向?我尝试用谷歌搜索并在 jquery ui 上找到一张票,说它是固定的。但是没有关于如何使用它的文档。

0 投票
1 回答
2446 浏览

jquery - 从 jQuery 可调整大小的 cookie 中保存 div 高度

我正在使用 interface.eyecon.ro/docs/resizable 中的 jQuery resizable 作为我正在处理的页面上的菜单。我需要设置一个 cookie(plugins.jquery.com/project/Cookie)来存储菜单 div 的高度,以便 div 在每次重新加载页面时都不会调整为原始 css 高度。

我一直在尝试修改来自http://www.shopdev.co.uk/blog/text-resizing-with-jquery/#comment-1044的代码(我知道该代码中有一些错误,但我已经让那个例子工作了)有一段时间了,但我无法让它工作。

我的代码在没有 cookie 的情况下看起来像这样:

这是我第一次使用stackoverflow,我希望我在这里看到的所有好的答案也能解决这个问题:)

谢谢

0 投票
2 回答
381 浏览

jquery - 计算可拖动的 div - jquery

我在页面上有两个 div,它们代表两列。两者都向左浮动,宽度为 49%,右填充为 0.5%。在每一列中,都有垂直向下放置的各种 div。现在我想创建一个函数,允许用户调整列中每个 div 的大小,或者如果这无法实现,则允许用户调整每个列的大小。

我设法使列中的一个 div 可调整大小( $('#divid').resizable(); ),但我想修改脚本,因此自动计算已打开。

解释。如果用户为 xx% 调整右列的大小,我希望左列减小 xx% 的大小

如何管理这个?

0 投票
1 回答
1390 浏览

jquery - jquery 可调整大小

下面给出的函数工作正常,但是我想将我删除的每个元素都设置为可调整大小,但是一旦我双击该元素,它的可调整大小属性就会丢失。我该如何解决?

0 投票
1 回答
2484 浏览

jquery - jquery - 到达容器时调整元素大小

我有一个标准 div,它设置为在它的父级中拖动和调整大小。我需要能够在将 div 拖入其父级时调整其大小。我只需要在它垂直拖到底部时发生这种情况,所以我有这样的设置:

然后我计算可拖动元素和它的容器的底部位置(减去偏移量),并在它更大时重新调整它的大小..

jquery 似乎在整个拖动过程中存储元素属性并且不重新计算它们,这对性能很有意义,但不允许它以我想要的方式工作 - >否则它应该这样做。在每次拖动时,它会将高度降低 10。

有没有办法可以强制 Jquery 重新计算位置?-> 我已经尝试过启用/禁用..

0 投票
1 回答
776 浏览

jquery - 可调整大小的 jquery chrome

我有一个问题,我想让一个元素既可拖动又可调整大小。即使在删除标签后,它也应该可以调整大小。

一些示例代码

任何人都可以告诉我如何让我的元素在它被丢弃后变得可伸缩。在上面的代码标签中,拖放工作完美,但我可以添加什么来使元素在 CHROME 中也可调整大小。

谢谢

0 投票
1 回答
3294 浏览

jquery - 可调整大小也仅在一个方向调整大小

我正在尝试使用 jQuery UI Resizable 功能。我只想在一个对象上添加一个向南/向西调整大小的处理程序,因此它将向西和向南调整大小。当它调整大小时,我想同时调整另一个对象的大小,但只能在“南”方向。我正在尝试使用alsoresize 属性,但它似乎总是在两个方向上将第二个对象调整相同的大小。有谁知道如何实现这一目标?

谢谢,

埃里克

0 投票
3 回答
2035 浏览

jquery - jQuery resizable(),访问原始对象

这似乎是一件显而易见的事情,但我找不到。使用 resizable 时,我想保存图像的新宽度,但是如何访问刚刚调整大小的图像的 ID 属性?这是我的代码:

所以,ui 对象有 ui.helper,我不能使用它。即 ui.helper.attr("id") 或 $(ui.helper).attr("id") 都是未定义的。我也不能使用 $(this).attr("id") ,但是我可以使用 $(this) .width () 来查看新的宽度,所以这很奇怪。

我究竟做错了什么?使用 draggable() 时,我似乎能够以正确的方式访问 $(this),但不能调整大小......有什么建议吗?