草庐IT

auto-resize

全部标签

javascript - 使 D3 响应 : viewBox vs resize()?

我必须构建在平板电脑、桌面显示器以及在某些情况下非常非常大的4k+高分辨率影院尺寸显示器上都能正常运行的d3可视化。因此,我试图找出使用SVG的“viewBox”属性和“preserveaspectratio”与调用调整大小函数以在窗口调整大小事件上重新呈现并使用绝对值之间的权衡。大多数例子,比如这个博客条目(http://eyeseast.github.io/visible-data/2013/08/28/responsive-charts-with-d3/)建议我在后者中做这样的事情:d3.select(window).on('resize',resize)resize(){//r

javascript - Highlight.js 与 Blogger : can't disable auto line wrap

我正在尝试整合Highlight.js与博主。到目前为止,语法突出显示效果很好,但我似乎无法找到一种方法来防止中的代码行自动换行的元素。我需要的是让浏览器显示水平滚动条。我在博客模板中添加了以下内容,在的末尾,如网站中所述:hljs.initHighlightingOnLoad();我所有的使用实例是://codehere;'class'changedaccordingtolanguage.我尝试编辑Highlight.jsCSS文件但没有成功。我也试过设置pre和code款式overflow-x属性(property)scroll没有任何变化。我的猜测是Blogger会全局覆盖该属性

javascript - JQuery UI resizable不支持位置: fixed; Any recommendations?

JQueryUI的.resizable函数不支持position:fixed;元素。当您尝试调整它们的大小时,它会将它们的位置属性切换为绝对。有任何推荐的修复方法吗?我有一些弹出的聊天窗口,可以在文档周围拖动。它们的位置是固定的,因此它们不会随着后面的页面一起滚动。在您尝试调整窗口大小之前,它们都可以正常工作,那时它会转换到position:absolute;,然后在页面滚动时被抛在后面。我尝试处理调整大小停止事件并将位置更改为固定:stop:function(event,ui){$(chatWindow).css('position','fixed');}这不起作用,因为固定元素的定

javascript - ionic 2 + Angular 2 : auto scroll to bottom of list/page/chat

我正在尝试编写包含“聊天”和“内容”两个部分的页面。我希望那个“聊天”将页面自动滚动到底部而没有任何效果。聊天是有几个.item1item2....item20item21我使用的是Javascript,而不是typescript,而且我不想不使用jQuery。谢谢:)另外,当我转到“内容”部分并返回“聊天”时,我想再次自动滚动聊天。 最佳答案 这是我的做法:chatPage.htmlchatPage.html中重要的一点是#content在.我将使用#content标识符以获取对的引用在我的chatPage.js中使用ViewCh

javascript - iframe 不触发 resize 事件

经过3天的研究和反复试验,我无法获取iframe或其内容来触发调整大小事件,因此无法调用我的调整大小函数。如果我使用...trigger("resize");要手动触发调整大小事件,我的调整大小函数会被调用并起作用。在iframe中加载的页面与包含iframe的页面位于同一域(http://localhost:81/curlExample/)。最终,iframe中的页面将由phpcurl方法提供,但我想先让它工作。*********已更新********当我调整浏览器窗口大小时导致iframe调整其大小时,如何触发调整大小事件?感谢您的帮助!带iframe的页面$(document).

javascript - 你能检测到 dom 节点的样式何时设置为 'auto' 吗?

以CSS为例:.thing{height:auto}和HTML:Thequickbrownfoxjumpsoveralazydog.是否可以检测到.thing的高度设置为“auto”?以下方法返回值:jQuery('.thing').height()//njQuery('.thing').css('height')//'npx'getComputedStyle(node).height//'npx'是否有任何方法可以告诉我浏览器正在从“自动”计算这些值? 最佳答案 是的,有一种方法,但这不是一种有趣的方法。你要做的是:遍历所有样式标

javascript - jquery ui resizable left-bottom handle to resize

我在我的项目中使用jquery-ui-resizable插件。默认情况下,当您制作DOM对象jquery-ui-resizable时,可调整大小的句柄将出现在右下角,我需要在左下角显示可调整大小的句柄。---编辑---还有一件事,它不应该使用右边框调整大小,但应该使用左边框调整大小。 最佳答案 您应该使用句柄supported:{n,e,s,w,ne,se,sw,nw}.这将在您指定的一侧创建handle。默认值为'e,s,se'代码示例使用指定的句柄选项初始化可调整大小。$(".selector").resizable({hand

javascript - 检测宽度 : auto in jQuery

我正在使用jQuery检索元素的宽度,如果我可以指示是否指定了明确的宽度(和高度),我会更喜欢它。$(function(){alert($('#test').css('width'));});这将根据div在客户端屏幕上占用的像素数来提醒隐式宽度。如果宽度缺失或设置为width:auto是否可以使用jQuery进行验证?也就是说,上面的示例不返回整数,而是返回auto或undefined。或者,是否有等效于isAuto的函数? 最佳答案 这将在绝对值上得到字符串“auto”或“180px”。$('element').prop('st

javascript - ExtJS 4 : grid: cell editing: auto edit feature 需要的建议和帮助

我搜索了与ExtJS相关的问题,但没有找到任何引用,但如果我错过了,请提前提出重复问题。我想寻求一些关于如何制作ExtJS4网格的帮助:单元格编辑:自动编辑功能——我的意思是,我想在按下一个键时进入单元格编辑模式(例如,通过按“123”在突出显示的单元格中,文本将替换(如果有的话)为“123”)。目前可以通过按回车键或点击鼠标进入单元格编辑模式。作为基础,我正在使用Sencha提供的示例:http://dev.sencha.com/deploy/ext-4.0.2a/examples/grid/cell-editing.html如有任何提示和指点,我们将不胜感激。提前致谢!:)实际上我

javascript - Karma --auto-watch 不再有效

我的Karma安装用于自动观看-当我保存.js文件时,它会重新运行测试。自从我做任何JavaScript以来已经有几个月了,现在我再次使用它,自动监视功能不起作用。这是我的karma.conf:module.exports=function(config){config.set({//basepaththatwillbeusedtoresolveallpatterns(eg.files,exclude)basePath:'../',//frameworkstouse//availableframeworks:https://npmjs.org/browse/keyword/karma-