草庐IT

auto-resize

全部标签

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 - 允许 textarea resize 缩小(不仅仅是增长)元素的原始/默认大小

我正在尝试创建一个textarea元素,该元素具有以编程方式定义的原始/默认大小,但用户可以在定义的限制内调整大小,使其既可以增长也可以收缩。我已尝试设置resize、min-width、max-width和width属性文本区域,但是到目前为止,这只允许用户增长textarea元素,而不能缩小。浏览器将允许用户在width和max-width范围内调整元素大小,而不是在min-width范围内>和max-width,如预期的那样。是否有一种简单的方法来指定默认大小,该大小也不会被视为最小大小?这是我正在使用的代码:functiontextAreaWithDefault(size){v

javascript - Sublime 的 JS 格式 : configure to not auto-format JSON

我一直在网上寻找一个好的Sublime(3)包来自动格式化我的各种语言的源代码,即JavaScript。我看到了这篇SOF帖子(SublimeText2:Autofixindentationforjavascript?),因此决定给出JSFormat一试。到目前为止,它似乎工作得很好......除了它在JS代码中处理JSON对象时。例如,假设我有这样一个函数:functionfoo(){return{name:'Dave',score:1000};}它返回一个JSON格式的JavaScript对象,更像是一个哈希对象。我喜欢在一行中编写这样的对象,因为它简单易读,尤其是因为它只是一个小

javascript - JQuery - 获取宽度 : auto from inline style

我正在尝试使用jquery获取元素的内联属性:width:auto。一旦我获得宽度,.width()就会返回一个px值,而不是auto。这是我需要的示例:我有一个img设置了这个内联样式:我需要将该图像包装在a中,以使图像可点击。我还需要获取图像样式并将其移动到anchor标记://---getheight,widthandentirestylevarimgHeight=$("#image").height();varimgWidth=$("#image").width();varimgStyle=$("#image").attr("style");//---removeinlines

javascript - 如何在 ASP.NET 中实现 "Auto Save"或 "Save Draft"功能?

我在ASP.NET2.0中有一个注册表单。我想通过单击提交按钮或每五秒保存一次来保存我的注册表字段。例如我在我的注册页面中有三个字段:UIDPWDName用户输入了UID和PWD并且当他输入Name之前的值应该被保存而不会中断用户输入我如何在ASP.NET中执行此操作? 最佳答案 您可以使用一段Javascript和jQuery来完成此操作。有一个由计时器触发的函数,它会定期读取您要保存的表单数据并将其发回SaveDraft.aspx页面。在此页面中将数据保存在某处(例如数据库)。如果用户注销或他们的session丢失,您可以查询此

javascript - 当我在 css 中使用 margin auto 属性时,如何使用 javascript 获取 margin left size

我有div与margin:auto;我只需要得到margin-left使用javascript的大小值:)//css.test{margin:auto;width:100px;height:100px;outline:1pxsolidred;}//htmlTestLiveexample 最佳答案 使用这个:1)使用jQueryvarleft=$(".test").offset().left;2)或者,第二个版本是:将您的div替换为,并使用这个js。varleft=document.getElementById("test").of

javascript - 为什么在添加 "overflow: auto"时拖放更顺畅?

我正在为网站制作CMS。在CMS中,我想创建一个可以拖/放/选择的索引。在占位符上拖放并不是很流畅。但是在我将overflow:auto添加到可以拖/放/选择的div之后,它会更流畅,更容易使用。谁能解释一下为什么会这样?它仅在您的网页中有很多div时显示。(就像在一个即将完成的网站中一样。)这发生在Chrome和Firefox中。(我没有在其他浏览器中测试它。)WithoverflowautoWithoutoverflowauto 最佳答案 您必须考虑HTML元素。每个HTML元素都包装在自己的“盒子”中。对于每个框,您可以设置其

javascript - Css3 Webkit css 动画 : resize a div rectangle

我试图了解是否可以使用webkit动画在Jquery中复制方法animate假设我有一个50pxx50px的div使用jquery,我可以轻松地调整大小并使用以下方式设置动画:$('#mybox').animate({'width':'100px','height':'70px'},300)//sofrom50x50itanimatesto100x70//thevalues100and70shouldbadynamically//inputsoicancreateafunction(Width,Height)toaltermybox我想知道如何做同样的事情,如果可能的话使用CSSWeb

javascript - ECharts:如何使用窗口的resize事件?

我正在尝试Echartslibrary对于我的图表。我想在触发窗口的调整大小触发器时调整绘图的大小,但我找不到执行此操作的方法。感谢您的帮助 最佳答案 varplot=echarts.init(yourDom);plot.setOption({...});window.onresize=function(){plot.resize();}; 关于javascript-ECharts:如何使用窗口的resize事件?,我们在StackOverflow上找到一个类似的问题:

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.它不会正确处理鼠标事件。可能是什么原因,我该如何解决? 最佳答案 您必须实现自