jjzjj

Resizable

全部标签

javascript - 调整大小时,Jquery Resizable Div 宽度和高度变为 0

我有这个代码:我的JavaScript代码:$('#child').resizable({animate:true,helper:'.ui-resizable-helper',maxWidth:500,maxHeight:500,aspectRatio:true});使用上面的代码,我的可调整大小的div按预期工作,但是当我添加containment选项时,div的width和height调整大小为0,在任何方向调整大小时。$('#child').resizable({animate:true,helper:'.ui-resizable-helper',maxWidth:500,max

javascript - 按类别删除 div 的所有子级

我有一些div,里面有一些元素,例如图像、文本和每次运行脚本时附加的div。我需要从我的主div中删除所有带有“ui-resizable-handle”类的子div这是我的HTML:SomeText...这就是我想要收到的(我的目标):SomeText...我如何删除所有子项(类为“ui-resizable-handle”的div)父亲div(带有类“draggableTemplate”)moreinformation:我在所有div上使用Jquerydraggable()和resizable()类名'.draggableTemplate'这个resizable()再次附加这个div,

javascript - Electron 调整无框窗口的大小

我正在开发一个应用程序,它有一个无框窗口,并且有一个html5视频元素,显示网络摄像头以100%填充document.body。我将我的mainWindow设置为可调整大小mainWindow.isResizable(true)但我无法调整窗口大小。当我使用chrome开发工具进行调试时,我只能调整侧面chrome开发工具打开的窗口大小。(不确定它是否有帮助,但我正在一个名为ElementaryOSFreya的基于Ubuntu14.04的Linux发行版上开发它)谁能解释为什么即使我将mainWindow设置为可调整大小也无法调整可调整大小窗口的大小?另外我可以做些什么来解决这个问题?

javascript - jQuery UI resizable 在调整宽度时改变高度

我有一个非常简单的DIV元素,我正在尝试调整它的大小并进行水平拖动。它工作正常,但jQueryUI也更改了DIV元素的高度。我不明白为什么。有什么想法吗?JS代码:$('.task').draggable({axis:'x'}).resizable({containment:'parent',handles:'e,w'});HTML代码:CSS代码:li{height:20px;line-height:20px;list-style:none;}.task{height:16px;margin-top:2px;position:relative;}.taskspan{display:b

javascript - jQuery Resizable 句柄 z-index

我注意到jQueryUI的可调整大小的句柄位于页面中所有其他元素的顶部。我使用Chrome的开发人员工具进行了检查,发现它们自动获得了1001的z-index。有没有办法禁用它并只为它们提供与可调整大小元素相同的z-index?谢谢。 最佳答案 最适合我,因为没有!important规则会被覆盖。.ui-resizable-handle{z-index:auto!important;} 关于javascript-jQueryResizable句柄z-index,我们在StackOverf

javascript - Jquery UI resizable - 调整放置在 iframe 上的 div 的大小

如果你查看这个jsbin:http://jsbin.com/efosed/5/edit然后按“使用JS运行”,将出现一个可以使用jqueryui调整大小的div。一切都按预期工作。div放置在“全屏”iframe上。在链接示例中,此iframe具有:display:none。如果我将其修改为display:block,然后重新运行脚本,reziable插件将出现一些奇怪的行为。您可以在这里尝试:http://jsbin.com/efosed/6/edit.它不会正确处理鼠标事件。可能是什么原因,我该如何解决? 最佳答案 您必须实现自

javascript - jQuery-UI 可调整大小 : scale all alsoResize elements in proportion with resizable div

我有一个可调整大小的div,它位于已设置为alsoResize的一系列元素之上。在视觉上,可调整大小的元素是alsoResize元素的边界框。我希望能够根据可调整大小的div的比例调整alsoResize元素的大小。UI的默认行为使每个元素在调整大小时都有固定的左侧和顶部位置:http://jsfiddle.net/digitaloutback/SrPhA/2/但我想调整每个AR元素的左侧和顶部,以便在调整大小时随边界框一起缩放。我最初认为通过更改alsoResize插件不会太麻烦。这是我添加到调整大小的内容:_alsoResize://Getthemultipliersvarscal

javascript - 可调整大小的表格列

我正在开发一个网络应用程序,并且正在寻找一种方法来创建我自己的数据网格。我知道外面有很多很棒的脚本,但我需要我自己的特定功能、css样式以及在其中使用我自己的ui控件的能力。真的,我唯一需要的就是能够调整列的大小。我真的不在乎标记是否不维护行结构或不是语义的,因为所有数据都将由ajax请求填充。我在想一个可能的解决方案是让每一列成为一个div。是否有可以帮助我的教程? 最佳答案 我建议使用jQueryUIResizable有一些增强。该插件实际上只专注于调整大小并启用完全自定义,因为您可以在任何事件中添加自己的回调函数。然而,默认情

c++ - SDL2 为假全屏切换 SDL_WINDOW_RESIZABLE 状态

要在没有模式集的情况下在SDL2中创建一个“假的”全屏窗口,您可以使用类似这样的方法创建一个无边框的最大化窗口。intidx=SDL_GetWindowDisplayIndex(g_displayWindow);SDL_Rectbounds;SDL_GetDisplayBounds(idx,&bounds);//SDL_SetWindowResizable(g_displayWindow,SDL_FALSE);SDL_SetWindowBordered(g_displayWindow,SDL_FALSE);SDL_SetWindowPosition(g_displayWindow,bo

c# - wpf自定义控件: draggable/resizable rectangle within another rectangle

我正在查看一个包含两个矩形的控件:一个在另一个矩形内。我希望用户能够拖动内部矩形,调整它的大小,并在可能的情况下在外部矩形的范围内旋转它。这些值应该是可绑定(bind)的,以便我可以在更新时将这些值存储在我的数据源中。是否已经有这样的控件,或者有人有任何建议吗?我看到一篇关于在Canvas中拖动元素的代码项目文章,但这些属性不可绑定(bind).. 最佳答案 ThisguyonCodeProject有一系列文章完全符合我认为您正在寻找的内容。我希望第一篇文章对您的帮助最大,但整个系列都很好。1.Drag,resize,androta