草庐IT

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 - 如何将 Javascript 的 window.find 限制为特定的 DIV?

是否可以在Safari/Firefox/Chrome中使用Javascript在特定的div容器中搜索给定的文本字符串。我知道您可以使用window.find(str)来搜索整个页面,但是是否可以将搜索区域限制为仅div?谢谢! 最佳答案 一旦你查找了你的div(你可以通过document.getElementById或任何其他DOM函数,variousspecshere),你可以使用textContent或innerText找到那个div的文本。然后你可以使用indexOf找到其中的字符串。或者,在较低级别,您可以使用递归函数来搜

javascript - 如果封闭的 DIV 属性发生变化,Firefox 将重新启动 Flash 电影

我在一些DIV中嵌入了一个Flash电影。问题是,当我动态更改封闭DIV的任何属性时,Firefox(不是其他浏览器)重新启动/重新初始化Flash电影有效地重置整个进度(例如:文件选择上传等)。是否有某种解决方法? 最佳答案 尝试使用visibility:hidden隐藏它,或者如果所有其他方法都失败了,position:absolute;left:-9999px。我猜Firefox不想在不可见的Flash动画上浪费内存和CPU,所以它会杀死它。 关于javascript-如果封闭的D

javascript - 更改隐藏的 div 的滚动

我有一个固定高度和滚动条的隐藏div。我想更改滚动位置,但浏览器不允许我这样做,因为div是隐藏的。scrollTop属性将保持为0。此外,我不想显示和隐藏div,这会导致闪烁。如果有人知道该怎么做,那将非常有帮助。谢谢! 最佳答案 您可以使用jQuery的数据函数保存滚动。functionSaveScroll(val){$(the_element).data("Scroll",val);}functionShow(){varelement=$(the_element);//preventfromshowingwhilescroll

javascript - 如何使用 Javascript 或 Jquery 检查 div 何时调整大小

所以我在线框图中得到了一个网络应用程序,但我遇到了一个问题,在我巩固这个模型之前需要一个技术解决方案;那是:图。#1用户创建新的“文本字段”元素(具有最大宽度的div。)然后用户开始输入说元素直到...图。#2元素到达它的最大宽度,文本会换行和"new"背景图像(在另一个div的形式)被创建(其不透明度和位置动画效果)以适应更大的元素大小。这是预期功能的粗略概述(此时给出,我不确定如何让文本字段的行为类似于具有最大宽度的div)但是我'我很好奇如何为第二步创建事件处理程序;我考虑过检查每个“keydown”事件,但这似乎效率低下......有没有人对解决此类问题有任何建议或想法?谢谢!

javascript - 具有动态背景的 div 的最大高度和最大宽度?

我有一个代码负责裁剪图像并将其裁剪区域保存在div列表中。这些div中的每一个都代表每个裁剪后的图像。但问题是-我不希望它们太大,我希望它们具有fixed高度和宽度,例如最大100x100像素。具有工作图像裁剪功能的Codesandbox:https://codesandbox.io/s/fast-frost-0b5tt与裁剪逻辑相关的代码:constwidth=pos.w+"px";constheight=pos.h+"px";constmarginLeft=-pos.x+"px";constmarginTop=-pos.y+"px";return();您会看到图像裁剪效果很好,但是

javascript - 如何通过拖动而不是使用滚动条来滚动 div

我正在从事一个使用触摸屏界面的项目。我在一个较小的div中有一个div,所以较小的div有滚动条来访问第一个div的其余部分。这是它的基本代码。.div1{height:100px;width:100px;}.div2{height:50px;width:50px;}html是:使用javascript,我希望能够通过按下(因为它是触摸屏)屏幕上未被占用的部分并沿着div拖动来滚动浏览div2。基本上,当您单击并拖动它时,滚动功能的行为方式与谷歌地图的行为方式相同。有人可以帮我吗?提前致谢!注意事项在鼠标Action方面,按下相当于点击这里,只是说清楚。我也只在Firefox中工作,所

javascript - 如何像单选按钮一样在一组 div 之间只选择一个 div?

我有一组div:payment1payment2payment3我的JS:functionappendCheckMark(type){$(type).append('');}functionselectPayment(type){varval=$(type).attr('value');if(val=='paylater'){appendCheckMark(type);}elseif(val=='alipay'){appendCheckMark(type);}elseif(val=='wechatpay'){appendCheckMark(type);}}我的问题是,如何使这三个div

javascript - 带有事件 div 的自定义日历

我正在开发一个事件系统,它基本上是一个高度为720像素的容器,每个像素代表从上午9点到晚上9点的一分钟,宽度为620像素(左右填充10像素)日历系统的自然要求是:对象的布局应使它们在视觉上不会重叠。如果一个时间段内有一个事件,则其宽度为600px每个碰撞事件的宽度必须与其碰撞宽度的每个其他事件的宽度相同。事件应尽可能使用最大宽度,同时仍遵守第一个约束条件。输入将是一个数组,类似于:[{id:1,start:30,end:150},//aneventfrom9:30amto11:30am{id:2,start:540,end:600},//aneventfrom6pmto7pm{id:3

javascript - 如何为特定的 div 应用 canvg() 函数?

我正在使用canvg()函数将svg转换为canvas。如果我们直接在onload上使用canvg(),它会将所有svg转换为canvas。我想转换与特定div相关的svg。HTMLNottoApply!脚本canvg();这里应该转换svg与div相关,它有id=apply。Fiddledemohere 最佳答案 我在canvg本身的源代码中找到了你问题的答案:canvg您需要更改查询选择器以从您的div中选择SVG://YourselectorherevarsvgTags=document.querySelectorAll('#