jquery-ui-resizable

jQuery UI Resizable: Ghosting issue

由 流过昼夜 提交于 2019-12-24 04:03:04
问题 I picked up a very weird issue with the jQuery UI Resizable event, when the "ghost" property has been set. By default, when I set the sizing direction to south, and not have ghost enabled, the resizing functions as expected, example: <div id="resizable" class="ui-widget-content" style="width: 300px;"> <h3 class="ui-widget-header">Pull me at the bottom to resize me!!</h3> </div> When I resize this south, the width is retained at 300px. However, when "ghost" is enabled, the resizing decreases

How to cancel click after resizable events?

由 [亡魂溺海] 提交于 2019-12-23 18:59:05
问题 I am utilizing the Jquery UI resizable plugin in order to resize various div's. Consider the following HTML page (with JS embedded): <html> <head></head> <body> <div id="site"> <div>This element is resizable</div> <br /> <div style="width: 200px;">This is another resizable element</div> </div> <!-- javascript includes --> <script> $(function() { $("#site div").click(function() { console.log("Clicked"); if($(this).hasClass("selected")) { $(this).removeClass("selected"); } else { // Currently

Google Maps V3 - Resizing Map and Sporadic Map Tile Loading

由 佐手、 提交于 2019-12-23 05:05:36
问题 I'm using Google Maps and the JqueryUI Resizable() method (from JqueryUI 1.8.7). If you click on the bottom-right corner of this map then you can drag and expand it. http://www.energyjustice.net/t=eb5f7o However if you make it wider Google only provides map layers up to around 800 pixels wide. It has a similar problem if you make it taller. If you wait a couple minutes, sometimes the full set of tiles will load. In general when you expand the map it behaves very strangely. It seems to work

Jquery resizable reposition handle after scroll

由 风流意气都作罢 提交于 2019-12-22 14:17:37
问题 I have an html table within a container. the container has a height, and its overflow y set to auto to create a scrollbar .table-container { height: 175px; border-bottom: 2px solid #EEEEEE; overflow-y: auto; } I have also made the container resizable using JQuery UI resizable. $(function () { $(".table-container").resizable({ handles: "s" }); }); unfortunately when I use the scrollbar my resizable handles moves. I would like for it to stay at the bottom of the container. here is the fiddle.

Jquery resizable reposition handle after scroll

由 こ雲淡風輕ζ 提交于 2019-12-22 14:17:07
问题 I have an html table within a container. the container has a height, and its overflow y set to auto to create a scrollbar .table-container { height: 175px; border-bottom: 2px solid #EEEEEE; overflow-y: auto; } I have also made the container resizable using JQuery UI resizable. $(function () { $(".table-container").resizable({ handles: "s" }); }); unfortunately when I use the scrollbar my resizable handles moves. I would like for it to stay at the bottom of the container. here is the fiddle.

Unable to apply JqueryUI Resizable AspectRatio after initialization?

由 扶醉桌前 提交于 2019-12-21 04:11:05
问题 I was trying to turn the aspect ratios on/off dynamically in JQueryUI resizable, however even after setting the option to false, it keeps maintaining the aspect ratio. Below is the code I am currently working with: $('#aspect_check').click( function() { var ischecked = $('#aspect_check').prop('checked'); if (ischecked) { $( "#resizable" ).resizable( "option", "aspectRatio", .75); } else { $( "#resizable" ).resizable( "option", "aspectRatio", false ); } }); I found a bug report from 3 years

Draggable and resizable in JqueryUI for an image is not working?

由 百般思念 提交于 2019-12-18 17:57:09
问题 I used below code for dragging and resizing the image, <!DOCTYPE html> <html> <head lang="en"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.js"></script> <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css"/> <script type="text/javascript"> $(document).ready

How to trigger jquery Resizable resize programmatically?

由 偶尔善良 提交于 2019-12-17 16:14:59
问题 I have a div element which is made jquery Resizable. It has alsoResize option set, so other elements resize simultaneously. What I want to do, is to set size of this Resizable div element programmatically in such way, that all Resizable logic is triggered (especially this alsoResize option is taken into account). How can I achieve that? 回答1: Update: It looks like the internals of jQuery UI have changed dramatically since I answered this and firing the event no longer works. There's no direct

Jquery Draggable AND Resizable

由 旧时模样 提交于 2019-12-17 09:32:47
问题 function makeResourceDrag(arrIndexID) { $('#imgA' + arrIndexID).resizable(); $('#imgA' + arrIndexID).draggable({ start: function(event, ui) { isDraggingMedia = true; }, stop: function(event, ui) { isDraggingMedia = false; // Set new x and y resourceData[arrIndexID][4] = Math.round($('#imgA' + arrIndexID).position().left / currentScale); resourceData[arrIndexID][5] = Math.round($('#imgA' + arrIndexID).position().top / currentScale); } }); } This works fine if the resizeable line is taken out,

jQuery UI Resizable alsoResize reverse

由 懵懂的女人 提交于 2019-12-17 07:22:03
问题 How to make the jQuery UI Resizable alsoResize reverse direction. suppose in the html there is two div tag is there, if i resize in upward means the other thing has to resize downward <script> $(function() { $("#resizable").resizable({alsoResize: ".myiframe"}); }); </script> <div id = "resizable"> This is the resizable content... </div> <div class="myframe"> This must resize in reverse direction... </div> i tried it but of no use please guide to solve this 回答1: By modifying the code jQuery
订阅 jquery-ui-resizable