Tag: jquery ui resizable

jQuery resize（）事件在可拖动时不起作用: 我试图使用jQuery将“Draggable”变成DIV（id = sortable），但它不能正常工作“Resize”。可拖动“将我拖下来”DIV进入DIV（id = sortable） Draggable在DIV中正常工作（id = sortable）可resize在DIV内不起作用（id = sortable）有谁知道我做错了什么？脚本和HTML $(function() { $(“#sortable”).sortable({ revert: true }); $(“#draggable”).draggable({ connectToSortable: “#sortable”, helper: “clone”, revert: “invalid” }); $(‘.resizemove’).resizable(); }); Drag me down One Two Three Four 这是JsFiddle

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: […]

在页面上追加/添加后添加jquery ui function draggable / resizeable: 我的网页有问题，当用户点击特定按钮时，我在文档中添加了一个元素。元素是 Some text 的script.js $(‘#button’).click(function() { $(“#pageWrap”).append(element) }) $(‘.draggableResizable’).draggable().resizable() 欢迎任何建议。谢谢。

如何在可resize的事件后取消点击？: 我正在使用Jquery UI可resize的插件来调整各种div的大小。考虑以下HTML页面（嵌入了JS）： This element is resizable This is another resizable element $(function() { $(“#site div”).click(function() { console.log(“Clicked”); if($(this).hasClass(“selected”)) { $(this).removeClass(“selected”); } else { // Currently not selected, so let’s select it $(this).addClass(“selected”).resizable({ start: function(event, ui) { console.log(“Start”); }, resize: function(event, ui) { console.log(“Resize”); }, stop: function(event, ui) { console.log(“Stop”); } }); } }); }); […]

TinyMCE：禁用特定div的’resizable’function？: 我在Wordpress中有一个插件，它使用jQuery Resizable来调整TinyMCE中的对话框大小。特别是有一个（如下所示）我不想resize。我该如何做到这一点？这是输出的我不想resize：这是可resize的句柄输出：我尝试了这两个jQuery函数，但都没有工作： $(‘.ui-dialog’).resizable(‘destroy’); $(‘.ui-resizable-handle’).resizable(‘destroy’);

jQuery双方resize: 我会尝试用文字说清楚：我想知道是否有一种方法可以使jquery-ui-resizable同时调整4面上的对象的大小，以便对象的中心保持在同样的立场。这是沙箱http://jsfiddle.net/V79Ge/ 所以，它非常像aspectRatio = true，但是当我从一侧调整对象的大小时，它会控制另外三个边谢谢你的线索！

初始化后无法应用JqueryUI可resize的AspectRatio？: 我试图在JQueryUI中动态地打开/关闭宽高比，但是即使将选项设置为false，它仍然保持宽高比。以下是我目前正在使用的代码： $(‘#aspect_check’).click( function() { var ischecked = $(‘#aspect_check’).prop(‘checked’); if (ischecked) { $( “#resizable” ).resizable( “option”, “aspectRatio”, .75); } else { $( “#resizable” ).resizable( “option”, “aspectRatio”, false ); } }); 我发现了一个3年前的错误报告，看起来它仍然没有得到修复，尽管标记它至关重要。 http://bugs.jqueryui.com/ticket/4186 解决方法不适用于最新版本。有任何想法吗？编辑：经过大量的错误报告后，这是一个解决方法： $(function() { $.extend($.ui.resizable.prototype, (function (orig) { return { _mouseStart: function (event) { this._aspectRatio = !!(this.options.aspectRatio); return(orig.call(this, event)); } }; })($.ui.resizable.prototype[“_mouseStart”])); […]

在AngularJs中使用jqueryUi.resizeable（）: 我在我的一个模板中有一个DOM元素，我想使用jqueryUiresize。长和短是我的模板中有一个名为“test”的元素….除此之外，我尝试添加脚本实际上在多个地方进行大小调整，但我已经完全扭转了局面。我曾经想过一个指令可能是正确的事情……或者因为我使用jqueryui而不是真正的角度类型的东西，我可以通过将脚本放入我的模板或控制器……但他们到目前为止，由于多种原因，我都失败了… 无论如何..回到原点…… 在angularJs应用程序中，如何实际实现jqueryui库中的resizable()function。作为补充，我已经看了下面的答案，并编写了以下代码： HTML： Test 指示： angular.module(‘tffullscreen.directives’). directive(‘resizable’, function() { return { restrict: ‘A’, scope: { callback: ‘&onResize’ }, link: function postLink(scope, elem, attrs) { elem.resizable(); elem.on(‘resizestop’, function (evt, ui) { if (scope.callback) { scope.callback(); } }); window.e = elem; } }; }); 控制器： $scope.resize = function () { console.log(“RESIZED FUNCTION […]

动态Jquery Splitter插件: 我正在尝试使用Jquery Splitter http://www.methvin.com/jquery/splitter/ 如果拆分器窗格是静态的，但我需要在其中动态添加窗格，它可以正常工作。此外，我还需要动态删除这些窗格。如何删除拆分器绑定并在其中添加动态拆分区域？请从这里查看http：//01webdesigner.com/Inam/SplitterTest.htm 重新resize仅适用于上一个动态添加的区域。请帮忙

jquery ui可resize的自定义句柄错误: 我试图使用jquery ui可resize的小部件来获取自定义句柄，但是当我使用handles选项将jquery引用传递给另一个元素时，它会失败。从Iv从Web上的文档和其他示例中读到的内容，这应该可以正常工作。 left center right $(‘.layer’).resizable({ handles: { ‘e’: $(‘.right’) } }); 这是一个小提琴： http ： //jsfiddle.net/MatteS75/3dwVp/