Tag: resizable

jQuery resizable只适用于第一个元素

我的页面上有一个控件将包含多个需要resize的多行文本框。 我试图使用jQuery resizable函数来完成此任务。 我只需要我的文本框可以垂直扩展。 不幸的是，我只能获得可resize的function来为第一个div工作。 这是我的代码示例： jQuery Test – Page 2 table.textboxTable td { padding: 15px; padding-bottom: 30px; border: 2px solid blue; } .ImResizable { height: 60px; width: 470px; } .ImResizable textarea { height: 95%; width: 100%; } .ui-resizable-handle { height: 8px; width: 474px; background: #EEEEEE url(‘Images/grippie.png’) no-repeat scroll center; border-color: #DDDDDD; border-style: solid; border-width: […]

resize时可拖动对象背景图像的大小

这个问题与jquery中的Resizable，draggable对象有关。 可能？ 大家好， 我想在jquery resize上调整div的背景图像。 我该怎么做？ 谢谢

使用draggables和resizables删除Jquery div

我有一个问题：当你把一个div作为可拖动和可resize的时候，以后当你想删除时，我需要破坏可拖动和可resize的？ droppables也是如此。 例： $(“element”).draggable(“destroy”).resizable(“destroy”).remove(); 或者只需要？： $(“element”).remove(); 当你想要替换具有draggables元素的div的html时： $(“.parent .elements”).draggable(“destroy”).resizable(“destroy”).parent().html(newHtml).find(“.newsElements”).draggable().resizable(); 或者只需要？： $(“.parent”).html(newHtml).find(“.newsElements”).draggable().resizable(); 谢谢。

基于IFrame的JQuery可拖动和可resize（解决方案）

我最近遇到了一些使用JQuery Draggable和Resizable插件的麻烦。 寻找解决方案，我在许多不同的地方发现了一些非常零散的代码，最后归结为一个干净的解决方案，这似乎对我来说几乎是完美的。 如果他们也遇到这个问题，我想我会和别人分享我的发现。 我有一个包含和IFrame的div。 这个div必须是可resize和可拖动的。 足够简单 – 将jquery draggable和resizable添加到div中，如下所示： $(“#Div”).draggable(); $(“#Div”).resizable(); 一切都很好，直到您拖动包含iframe的另一个div或尝试通过移动当前的iframe来调整当前div的大小。 通过iframe时，这两个函数都会停止。 解： $(“#Div”).draggable({ start: function () { $(“.AllContainerDivs”).each(function (index, element) { var d = $(”); $(element).append(d);}); }, stop: function () { $(‘.iframeCover’).remove(); } }); $(“#Div”).resizable({ start: function () { $(“.AllContainerDivs”).each(function (index, element) { var d = $(”); $(element).append(d); }); }, stop: function […]

jquery中可resize的可拖动对象。 可能？

我希望有一个可resize和可拖动的对象。 我需要： X ÿ 尺寸 对象。 这可能吗？ 在http://www.jsfiddle.net/davidThomas/DGbT3/1/上有一个例子，它获取可拖动对象的x和y。 我怎样才能使它可resize？ 谢谢 值得补充一点的是，这个问题与前一个问题有关，并建立在这个问题上： 如何获得可拖动对象的位置？

如何防止Resizable和Draggable元素相互折叠？

大家好。 我有以下代码： http://jsfiddle.net/g7Cgg/ 如您所见，有两个简单的DIV堆叠在一起。 这些DIV中的每一个也都设置为可resize和可拖动。 但是，请注意，当您尝试调整第一个元素的大小时，第二个元素会折叠到第一个元素上。 从我所看到的，这是因为可resize将元素更改为绝对位置。 我该如何防止这种行为？ 是否可以在保留拖动元素的能力的同时调整元素的大小？ 另请注意，如果将元素更改为具有相对位置（在.demo样式中添加位置：relative！important），则可以防止折叠，但在开始resize或拖动时元素会“跳转”。 另一种奇怪的行为。 谢谢你的帮助。

JQuery UI可resize不支持position：fixed; 有什么建议？

JQuery UI的.resizable函数不支持position: fixed; 元素。 当您尝试调整它们的大小时，它会将其position属性切换为绝对属性。 任何推荐的修复？ 我有一些弹出的聊天窗口，可以在文档周围拖动。 它们的位置是固定的，因此它们不会随着它们后面的页面滚动。 它们都完美地工作，直到你试图调整窗口大小，当它转换到position: absolute; 然后在页面滚动时落后。 我尝试处理resize stop事件并将位置更改为fixed： stop: function (event, ui) { $(chatWindow).css(‘position’, ‘fixed’); } 这不起作用，因为定位（ top:和left: :)对于固定元素不正确，当您停止调整元素大小时，切换到固定定位并跳转到页面上的奇怪位置。 有时跳出页面边界并永远丢失。 有什么建议？

jQuery UI可resize的防火窗口resize事件

我有2个事件，一个用于检测窗口resize，另一个用于检测div的可resize的停止。 但是当我调整div的大小时，在控制台中检测窗口resize事件。 有没有办法阻止这个？ $(document).ready(function(){ $(window).bind(‘resize’, function(){ console.log(“resize”); }); $(“.a”).resizable(); }); 示例： http ： //jsfiddle.net/qwjDz/1/

如何使div宽度可拖动？

我有一个div嵌套在另一个div中，用于显示设置控制台。 嵌套div有一个固定位于父级内部，如下所示： 我想为子div的左边框添加一个可拖动的句柄，以便可以在宽度上调整子div的大小。 我是否需要添加另一个非常窄的div，左边框位于此处，以便可以拖动它并重新计算位置以动态调整子divs width属性的大小？ 如果可能的话，我宁愿坚持使用vanilla JQuery，而不是依赖于JQuery UI。