问题标签 [jquery-ui-resizable]

我正在尝试实现http://code.google.com/p/lwrte/issues/list .. 我特别喜欢这个 jquery 文本编辑器，因为它提供字体选项、文本颜色、超链接

我希望它可以调整大小和拖动。通过为文本编辑器制作一个容器 div 并在该容器 div 上执行可拖动和可调整大小，我得到了可拖动和可调整大小的工作。

但是，无论出于何种原因，无论我为容器 div 提供什么高度或宽度，文本编辑器都会溢出容器 div 之外。文本编辑器宽度设置为 100%。

我的预感是工具栏搞砸了，但我知道什么！

如果没有代码示例这似乎太难回答，我会尝试 jsfiddle 一些东西。谢谢！

我正在使用 JQuery Update 和 Jquery UI 模块在 Drupal 6 中的站点上工作。

我有一个可调整大小的<div>标签，只有一个东手柄，并设置了最小和最大宽度。它在 FireFox 和 Chrome 中完美运行，但在 IE 中却不行（我使用的是 9）。

在 IE 中，调整大小的元素会加载并正确显示，但元素不会调整大小。奇怪的是，如果我告诉 IE 以 quirks 模式呈现页面，页面会中断（而且很糟糕），但调整大小的元素可以正常工作。

这是指向页面的链接，您可以在其中看到可调整大小的元素http://spadent.baglerit.com/how

有没有其他人遇到过这个问题并找到了解决方案？

谢谢

更新：这实际上是一行 javascript 的问题，旨在使调整大小在 IE <9 中正常工作，导致它在 IE 9 和 10 中中断。我知道这不是最好的解决方案，但删除了代码行工作。

我的代码很简单

拖动效果可以工作，但resizeble不起作用，为什么？

这是示例http://jsfiddle.net/udgGn/

在我正在开发的应用程序中，我在模态 jQueryUI 对话框中弹出帮助。在大多数情况下，它工作得很好。有一个问题：如果您尝试使用对话框右下角的箭头滚动帮助文本，则不能，因为它与对话框的鼠标拖动调整大小位于同一位置。

我意识到如果我使用 jQueryUI 对话框“按钮”选项在对话框底部添加“关闭”按钮，这不会发生，但这与我们在应用程序其他地方的样式不一致。

有人知道解决这个问题的合理方法吗？理想情况下，我想要在此对话框底部为我提供一个小的非滚动 div，而不影响其他对话框，以便鼠标拖动调整大小在屏幕上的位置低于向下箭头。

当您将元素浮动到右侧时，然后使用 jQuery UI 的可调整大小的小部件使其从左边缘可调整大小，奇怪的事情开始发生。

我把这个放在一起：

http://jsfiddle.net/nicholasstephan/kCduV/2/

如果您调整“侧边栏”的大小，您会立即看到我在说什么。

我在这里做错了什么？

我更愿意保留 float:right 以便左列自行处理。

当我调整元素大小时，jquery 似乎改变了元素的位置。

我在另一个元素中有一个可调整大小（和可拖动）的元素。调整大小和拖动被限制在一个网格中，并且限制在父元素内。

当我加载页面时，可拖动元素的顶部位置为 89.68333435058594，但一旦我水平调整它的大小，它就会变为 89。

由于网格是围绕元素的高度加上排水沟构建的，这会变得一团糟，因为它会限制移动：一旦我将元素移动到更下方的另一个位置，我就无法将其移回，因为它不会不适合了。

有人遇到过这个问题吗？你找到解决方案了吗？

我会尽量用文字说清楚：我想知道是否有办法使用 jquery-ui-resizable 来同时调整 4 个边上的对象的大小，以便对象的中心保持在相同的位置。

这是沙箱http://jsfiddle.net/V79Ge/

所以，它很像 aspectRatio=true，但是当我从一侧调整对象的大小时，它会控制另外 3 侧

谢谢你的线索！

这是CSS

根据文档，当 disabled 为 true 时，.ui-resizable-disabled该类被添加到元素中。在我的情况下，类没有被添加，但调整大小仍然被禁用（这意味着我不能通过拖动手柄来调整大小，但是当禁用时我可以调整大小）。当我检查生成的 HTML 时，style="display:block"被添加到句柄中。我没有在他们身上做任何表演。

我正在使用来自 Google API 的 jQuery 1.8。我也将 draggable 应用于相同的元素。

我正在尝试在位于表格上方的叠加层上使用可调整大小的 JQuery。下面的代码将 div 创建为绝对定位的叠加层，可在列之间调整大小和拖动。

代码工作正常。但是，当我在“resizeable”jquery ui 函数上添加“containment”作为选项时，代码仅适用于指定为选择器的表的一部分（即#grid）。

我添加了一个 JsFiddle http://jsfiddle.net/WUsRx/5/，虽然 resizeable 的代码似乎在 FsFiddle 中不起作用，但对于 Explorer 8 中的 #grid 表的一部分确实有效。

javascript是：

HTML 中的一列包含在下面。在 #15:30 和 #16:00 之间的每一列中，每次都会出现此问题。一开始我以为可能是 HTML 的改动或者错误，所以用 PHP 循环建表，保证每一行一致。在 #16:00 之后，可调整大小的代码不起作用。

任何想法表示赞赏。

我的网页有问题，当用户单击特定按钮时，我正在文档中添加一个元素。

元素是

脚本.js

欢迎任何建议。

谢谢你。