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

jquery-ui-resizable - jquery resizable:尊重内部/外部元素的宽度/高度不溢出

是否可以根据孩子/父母调整元素的大小?我可以轻松地将元素宽度调整为零,因此孩子溢出,这很糟糕(对我来说)。jquery 有一些行为可以防止这种情况吗?

一种解决方案是绑定到 resize() 事件,获取内部元素的位置/大小并检查是否 (child.width + child.left < parent.width)。但在这种情况下,我不知道如何告诉 jquery 不要调整大小,只调整回来。

从调整元素大小到他的父级还有另一种视图,但它可能是相同的。如果其中一个溢出父元素,请检查元素兄弟姐妹。

谢谢你的任何建议。

0 投票
4 回答
2067 浏览

javascript - Jquery 可调整大小不起作用

我正在尝试使用可调整大小的 jquery-ui。

在这里,我正在创建可调整大小:

这是我创建可调整大小后的 div。

现在,这不起作用。

虽然当我尝试调整 div 框的大小时 div 变得可调整大小(手柄出现,图标更改等),但无论我在做什么,它都保持相同的大小。确实会发生调整大小的过程,因为在调试此过程时,确实触发了 onStop 和 onStart 回调。

谁能告诉我我做错了什么?

我认为这与绝对 div 有关。

谢谢,

塔尔

0 投票
1 回答
316 浏览

css - 保持子节点的位置相对于其启用 jQuery 可调整大小的父节点的位置?

是否可以保持<p>孩子相对于他们的 jQuery 可调整大小的父母的位置?

对不起,如果我的措辞有点混乱。

您可以在这里看到它的实际效果。

我想要发生的是,当那些“瓷砖”被拖成不同的形状时,让<p>元素留在瓷砖的左下角。

是否可以使用纯 CSS 来实现这一点?

谢谢!

0 投票
2 回答
169 浏览

jquery - 即使在使用 jQuery“移动”之后,HTML 链接仍然存在?

我在这里有一个网站,这里有不同网站的快捷方式(“图块”

现在,我有一个脚本,它允许将“图块”的位置存储到 cookie 中,这样当用户稍后返回网站时,他们的图块位置就会被保存。

这是那个脚本:

现在,在第一次加载网站时,之前没有访问过,所有的瓷砖都对齐了一个 5 瓷砖宽和 2 瓷砖高的网格。

单击Edit按钮后,图块变得可拖动并可调整大小。

因此,在单击新Done按钮然后退出浏览器窗口,然后在新的浏览器窗口中返回网站后,位置被保存(有时这也会搞砸),但有各种“不可见”的链接,剩下的形成原始的瓷砖网格。

为什么会这样。例如,假设在您的原始编辑中,您将左上角的 Google 磁贴从其原始位置移到了 YouTube 磁贴下方。

然后,当您返回时,将鼠标悬停在浏览器窗口上 Google 磁贴曾经所在的位置上,您仍然可以单击它,就好像它还在那里一样。你可以很容易地看出这一点,因为我将 CSS 设置为pointer在未处于编辑模式时将鼠标悬停在链接上时显示光标。

有没有办法,我可以从原来的位置删除链接?

0 投票
6 回答
49568 浏览

jquery - Jquery 可拖动和可调整大小

如果取出可调整大小的线,这很好用,但我希望这些图像可以拖动和调整大小,如果我尝试让同一个元素具有两个属性,我会得到有趣的行为,有没有人知道一种方法来完成这项工作?

谢谢!

0 投票
9 回答
30831 浏览

jquery-ui - jQuery UI Resizable 在 resize 事件中停止调整大小

使用 jQuery UI Resizable 我试图防止根据各种规则调整大小。内置的包含功能似乎不适用于绝对定位的元素,无论如何我需要比这更灵活的东西。

有这样的东西:

如何告诉“ui”对象以防止调整大小?

谢谢。

0 投票
1 回答
6941 浏览

jquery-ui - jQuery-UI 可调整大小,调整子元素大小

我有 div 元素,包含图像。我想使用 jQuery-UI 调整 div 的大小,调整 div 和子图像元素的大小。

我尝试过使用alsoResize,如下所示,但它似乎调整了第一个 div 图像而不是相应的子图像的大小。

我创建了一个小提琴来演示这个http://jsfiddle.net/letsgojuno/EhyGy/

似乎这个上下文总是第一个 div,而不是当前正在调整大小的 div。

0 投票
2 回答
31869 浏览

jquery-ui - 如何保存可拖动和可调整大小元素的位置?

我正在构建一个站点,该站点允许用户创建一个 html 页面,然后可以将其保存并在另一个站点上共享。我希望他们能够调整和拖动页面元素。我可以使用 jQuery 来做到这一点,但我不确定如何保存它,以便在其他地方查看页面时,它看起来是一样的。

我还没有决定如何存储页面信息,但我想的是我可以将每个元素连同它的绝对位置和它的内容一起存储在数据库中。这听起来像是一个好计划吗?

如果是这样,我如何让 div 的位置传递给 php 以便保存?

谢谢。

0 投票
3 回答
1615 浏览

javascript - JqueryUi 可调整大小问题,也Resize 超出限制!

我有这种 DIV 结构

resizable()我使用这个 jqueryUi制作了“外部”div

到现在一切正常!

//////////////问题///////////////

当我调整外部大小时,它会用它调整内部大小,但是当它到达“容器”div 时它会停止,这没关系,但内部会随着鼠标移动而不断调整大小并超过“容器”和“外部”DIV!!!!

当它达到“容器” div 限制时,我可以让“内部”与“外部”一起停止吗????

提前谢谢你,我知道你可以帮忙:)

0 投票
1 回答
3596 浏览

jquery - Jquery UI Resizable()从浏览器窗口右侧调整div的大小不起作用

我正在尝试在浏览器窗口的左侧和右侧创建两个滑出面板。我还希望面板可以从左到右和从右到左水平调整大小。

我创建了您可以查看和试用的示例代码。您可以毫无问题地调整左侧面板的大小,但右侧面板会显示一些不稳定的行为。

有人有更好的主意或其他方法来调整窗口右侧的 div 大小吗?


最后我找到了一个很棒的插件,可以处理所有类型的面板。它被称为 ui 布局,如果有人感兴趣,你可以在这里找到它:

http://layout.jquery-dev.net/