问题标签 [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 回答
6617 浏览

jquery - jquery dom可调整大小的可拖动包含问题

为什么 jquery resizable() 没有将大小调整为分配给它的包含 ID 的全宽和高度。您可以在http://jsfiddle.net/C8YSU/6/尝试一下,看看我的意思。尝试调整创建的 div 的大小,它不会在父#container div 上调整为全宽和全高。这似乎是由draggable()功能引起的。

0 投票
1 回答
18417 浏览

jquery - 想要在使用 JQuery UI resizable 调整容器大小时自动调整 jQuery UI.Layout 的 div 宽度和高度!

我将使用带有JQuery UI 可调整大小插件的 jQuery UI.Layout插件。

JQuery UI 布局插件的容器布局示例:

我的代码结构是这样的:

html代码:

并且div id="container"将附加jquery ui resizable pluginjquery ui draggable plugin

代码附加布局 Ui 插件:

但是似乎当我调整div id="container"的大小时,布局被破坏了。内部内容保留了原始的 with 和 height。所以,我需要一种方法来使内部的布局可以在我调整容器大小时自动调整大小他们。

非常感谢!!

0 投票
1 回答
1298 浏览

jquery - div 中可调整大小的 div

我需要 3 个 div 跨越屏幕(100%,但这不是重点)并且能够使用鼠标调整它们的宽度。我想要实现的功能是能够缩小一个 div 的宽度,从而使另一个 div 更宽。

我正在考虑使用 jQuery UI Resizable,但我找不到任何使用多个 div 的示例。

任何想法或示例链接?

0 投票
7 回答
11206 浏览

javascript - JQuery UI resizable 不支持 position: fixed; 有什么建议吗?

JQuery UI 的.resizable功能不支持position: fixed;元素。当您尝试调整它们的大小时,它会将它们的位置属性切换为绝对值。有什么推荐的修复吗?

我有一些聊天窗口会弹出并且可以在文档周围拖动。它们的位置是固定的,因此它们不会随着它们后面的页面滚动。在您尝试调整窗口大小之前,它们都可以正常工作,这就是它转换到position: absolute;然后在页面滚动时被抛在后面的时候。

我尝试处理调整大小停止事件并将位置更改为固定:

这不起作用,因为定位 (top:left:) 对于固定元素不正确,并且当您停止调整元素大小时,会切换到固定定位并跳转到页面上的奇怪位置。有时会跳出页面边界并永远丢失。

有什么建议么?

0 投票
4 回答
4847 浏览

jquery - jquery 在调整大小后更改子 Deminsions 以匹配父母

我有一个父 div,里面有一个子 div。父 div 使用 jquery Ui 可调整大小。当父 div 调整大小时,如何使子 div 实时固有父 div 尺寸。

这就是我所拥有的 http://jsfiddle.net/dtxhe/7/

调整大小后,子 div 不会根据其父级调整大小。

0 投票
1 回答
855 浏览

jquery - jquery resizable append image size问题

我有下面的简单代码,它在单击按钮时将图像附加到#container。问题是当我第一次单击按钮时,图像大小未正确附加。但是当再次单击按钮时,我们会得到具有正确图像大小的附加图像。如果我们从等式中删除 resizable() 就不会发生这种情况。

为什么第一次点击没有得到正确的图像大小。下面的代码:

0 投票
2 回答
738 浏览

javascript - 如何使用 javascript 删除 IE 中图像周围的 resizig 处理程序?

我的网站上有一个小编辑器,我可以在上面添加图像。我可以使用 jQuery 插件 (Resizable) 调整图像大小。出于这个原因,我不得不禁用图像周围的调整大小边框。在 Firefix 中,我使用了这个:

它工作得很好。我怎样才能为 IE 做类似的事情?

提前致谢

0 投票
1 回答
673 浏览

javascript - mootools 从左边调整大小,而不是从右边

mootools 函数makeResizable允许您指定一个句柄,这意味着我可以在要调整大小的元素的左侧设置一个句柄。但是拖拽操作只允许从右向左拉动,不能从左向右拉动。

有没有办法可以修改函数让我这样做?我希望能够在元素的左侧和右侧使用手柄。

编辑:另外,我为垂直调整大小的另一个元素设置了可调整大小。逻辑似乎是相反的。我必须向上滚动到最大元素更小。为什么会这样?元素上的绝对位置设置为bottom:0; left:0;(在相对容器内)

0 投票
2 回答
13922 浏览

jquery - jquery 中可调整大小、可拖动的对象。可能的?

我想要一个既可调整大小又可拖动的对象。我需要:

  • X
  • 尺寸

的对象。

这可能吗?

http://www.jsfiddle.net/davidThomas/DGbT3/1/上有一个示例,它获取可拖动对象的 x 和 y。我怎样才能让它调整大小?

谢谢


值得补充的是,这个问题与前一个问题相关并建立在这个问题之上:如何获取可拖动对象的位置?

0 投票
2 回答
1192 浏览

jquery - 在调整大小时调整可拖动对象背景图像的大小

这个问题与:Resizable,draggable object in jquery 有关。可能的?

大家好,

我想在 jquery resize 上调整 div 的背景图像。我该怎么做?

谢谢