草庐IT

auto_upgrade

全部标签

javascript - 如何检测元素是否具有 'auto' 高度

无论CSS中设置的值如何,window.getComputedStyle(element).height和element.clientHeight都以像素为单位返回元素的当前高度。有什么方法可以查明高度是设置为auto还是像素以外的其他单位?@pvnarula通过他链接的页面建议的一个解决方案是暂时changethecontentsoftheelement,thencompareheights.有点hacky... 最佳答案 请尝试:document.getElementById("ele_id").style.height同时检查

javascript - 为什么 getComputedStyle 在元素创建后立即为像素值返回 'auto'?

我使用Mustache生成一些HTML并使用insertAdjacentHTML将其放置在页面上。它显然已正确转换为DOM结构,因为之后我可以使用document.querySelector('.contentarea')调用获取它的句柄。但是,如果我尝试获取宽度或高度的像素值,它会一直返回'auto'。认为这可能只是getComputedStyle的问题,我尝试改用.getBoundingClientRect和.offsetWidth。两者都返回了0。如果我通过将调用放在setTimeout(function(){},1)中稍微延迟调用,它会起作用,但这对我的生产代码不切实际,因为它

javascript - Bootstrap : Accordion not auto collapsing previously opened panel

我需要创建一个自举Accordion。下面的标记工作正常,但它不会自动折叠先前打开的元素。例如,打开panel1,然后单击panel2..panel1应该会自动关闭,但它没有。我已经尝试完全从Bootstrap站点(http://twitter.github.com/bootstrap/javascript.html#collapse)复制标记,但它不起作用。我错过了什么?ACCORDIONDEMOPanel1Thisisaccordionpanel1contentPanel2Thisisaccordionpanel2content 最佳答案

javascript - Webkit 错误 : Overflow auto triggered after resizing a child element to matching size

我有以下简单设置:document.getElementById('inner').addEventListener('click',({target})=>{target.classList.add('match');});#container{background:green;overflow:auto;width:200px;height:100px;}#inner{width:210px;height:110px;}#inner.match{width:200px;height:100px;}单击内部元素后,我希望父元素上的滚动条消失,因为这两个元素现在具有匹配的大小。这在Fi

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 - 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 - 你能检测到 dom 节点的样式何时设置为 'auto' 吗?

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

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-