【无法获取隐藏元素宽度和高度如何解决】教程文章相关的互联网学习教程文章

javascript-jQuery:根据所选选项显示/隐藏元素【代码】

选择值=’附加文件’的选项时,我想显示id = attach的元素.请帮助我了解为什么我的代码不起作用. 我的代码:<ul class="form-list"><li id="excellence-form"><fieldset><ul><li class="wide"><label for="excellence:like" class="required"><em>*</em><?php echo $this->__('Initial Data') ?></label><div class="input-box"><select class="required-entry" name="excellence[like]" id="excellence:like"><option value='0'><?...

javascript-隐藏元素后滑动浮动的div【代码】

我有一排4个div,它们向左浮动.单击时,div消失,其兄弟姐妹移至左侧并占据其位置.但是,我正在努力使此动画平滑,因为其余的“ div”只是跳到了新位置而不是滑过 http://jsfiddle.net/G9x8V/ 有什么方法可以平滑过渡,最好不使用特定值,即:margin-left:x pixel ;?另外,是否可以通过CSS转换来做到这一点?解决方法:您可以使用hide()切换fadeOut() 这是更新的fiddle$(function(){$('.box').on('click', function(){$(this).hide(1000);...

在所有浏览器中使用javascript显示或隐藏元素【代码】

这是html代码.<select id="dept" name="dept" style="float: left;"><option value="eee" onclick="toggleDisplay('dept_input_div', 0)">EEE</option><option value="ece" onclick="toggleDisplay('dept_input_div', 0)">ECE</option><option value="eie" onclick="toggleDisplay('dept_input_div', 0)">EIE</option><option value="cse" onclick="toggleDisplay('dept_input_div', 0)">CSE</option><option value="it" onclick="...

javascript – 如何点击量角器中的隐藏元素?【代码】

我有一个元素,只有当我将鼠标悬停在它上面时才可见. 我已经编写了以下代码来覆盖面板,以便元素可见.ptor.actions().mouseMove(ptor.findElement(protractor.By.xpath('//*[@id="productapp"]/div/div/div[2]/div/div/div/div[2]/div/div/div/div[4]/table/thead/tr/th[2]'))).perform();ptor.element.all(by.tagName('i')).then(function(elm){elm[0].click();});现在我试着点击它,但它说 – ElementNotVisibleError:元素不可...

javascript – 将JQuery .load()转换为变量或隐藏元素【代码】

我将数据从一个页面的一部分拉到另一个页面以构建菜单.我需要将数据拉入隐藏的元素或变量,因为我现在最终得到了一个重复的菜单.我的动态飞出了静态< ul>< li>.菜单由这些菜单构成. 这是我到目前为止:<script type="text/javascript"> $(document).ready(function(){$('div.ms-quickLaunch').replaceWith('<div id="hierarchy" style="border:solid 1px white; width:0px; visibility:hidden"></div>');});$(function(){$('#hierar...

javascript – 如何使用Twitter Bootstrap隐藏元素并使用jQuery显示它?【代码】

假设我创建了一个这样的HTML元素,<div id="my-div" class="hidden">Hello, TB3</div> <div id="my-div" class="hide">Hello, TB4</div> <div id="my-div" class="d-none">Hello, TB4</div>我怎样才能从jQuery / Javascript中显示和隐藏HTML元素. JavaScript的:$(function(){$("#my-div").show(); });结果:(与其中任何一个). 我希望隐藏上面的元素. 使用Bootstrap隐藏元素并使用jQuery显示它的最简单方法是什么?解决方法:正确的答...

javascript – 在React中显示或隐藏元素【代码】

我第一次搞乱React.js,无法通过点击事件找到在页面上显示或隐藏某些内容的方法.我没有加载任何其他库到页面,所以我正在寻找一些使用React库的本地方式.这就是我到目前为止所拥有的.我想在点击事件触发时显示结果div.var Search= React.createClass({handleClick: function (event) {console.log(this.prop);},render: function () {return (<div className="date-range"><input type="submit" value="Search" onClick={this.handle...

javascript – 如何根据CSS中的margin-left值使用jQuery隐藏元素?【代码】

我正在开发一个旋转木马风格的滑块,并希望在ul的左边距等于-3480px时隐藏其中一个控件.这是我的代码:$(function(){if($("ul#listName").css("margin-left") == "-3480px"){$(".nextButton").hide();} });它没有做任何事情,我不知道接下来该做什么.有没有人有任何指示或建议?解决方法:根据您动画的样式属性,您应该检查.还要确保在比较之前将值转换为int,因为css()方法也会给单位(px / em ..)及其值.if(parseInt($("ul#listNam...

在鼠标单击时使用javascript隐藏元素并在第二次单击时显示【代码】

CSS:ol{display: block;} // display: ""; throws an error in the console(FF)HTML:<!DOCTYPE html> <html> <head><script type="text/javascript">!js is here!</script> <body> <h2>Title</h2> <input type="button" id="btn" value="expand" /> <ol><li>Value 1</li><li>Value 1</li><li>Value 1</li> </ol> </body> </html>Javascript://试图暂时隐藏元素window.onload = function() {function expand() {var ol = documen...

javascript – 如何在不计算隐藏元素的情况下获取索引?【代码】

我正在尝试获取clicked元素的索引.这到目前为止工作正常. 问题是你可以隐藏元素.如果隐藏了一个元素,我不希望它在索引中“计数”. 如果您看一下小提琴并且所有方框都是橙色的,那么索引应该是这样的.如果你点击点击我隐藏一些div – 他们不会被删除,实际上他们得到一个显示:无;在这里,他们只是得到另一种颜色给你一个想法 – 他们也隐藏了类,所以现在我不希望索引索引它们.但如果我点击Div 2,我希望索引显示1 我试过用$(‘div’)....

Javascript在页面上单击任意位置时隐藏元素【代码】

我有一个滑动的JS菜单,当您单击“noty_menu”链接时会打开,然后在您再次单击该链接时关闭.有没有办法设置它,以便当您单击页面上的任何地方时菜单关闭? 这是相关的代码:$('.noty_menu').click(function () { $('ul.the_menu').slideToggle('medium'); });提前致谢!解决方法:你可以点击身体:$('body').click(function() {/* close menu */ });但是,在菜单中单击,您必须防止将点击传播到正文.否则菜单将打开,点击将向上传播,菜单将...

javascript – 使隐藏元素显示X秒【代码】

我点击一个按钮后,我只是尝试在X秒内显示一个隐藏元素.我能够让它出现,但不要让它在X秒过后再次消失.我尝试了延迟(X),但没有任何反应.$("#mybutton").on("click",function() {$("#test").css("visibility", "visible");$("#test").delay(1000).css("visibility", "hidden");} ); #test {visibility: hidden; } #mybutton:hover {cursor: pointer; } #mybutton {border: 1px solid black;background-color: gray;float: top; } <scr...

javascript – jQuery – 如何隐藏元素及其子元素?【代码】

我有一个div,我想和它的所有孩子一起隐藏.我认为一个简单的selector.hide()可以做到这一点,但它仍然存在. HTML<div class="row well"><div class="artistAlbumInfo well col-md-6 "><h3><span id="artist"></span> - <span id="track"></span></h3><img src="" id="art" class="albumArt"></div><div class="col-md-6"><h3 id="album"></h3><h4>Playstate <p id="playState"></p></h4><h4>Position <p id="position"></p></h4></di...

javascript – 在隐藏元素上加载JW Player【代码】

我正在使用JW Player来显示Flash视频(尽管很快就会有浏览器支持允许的HTML5源代码). 在用户对页面执行操作之前,视频需要不可见(但已加载).一旦他们采取了这个动作,就会显示视频div,我想尽可能地播放()视频. 这是我的setup()调用. < div id =“video”>隐藏在我的CSS文件中,就像JW Player的< div id =“video_wrapper”> (两者都设置为display:none;最初).jwplayer("video").setup({playlist: [{sources: [{ file: 'http://example...

JavaScript库可以流畅地显示/隐藏元素

我需要动画显示和隐藏div元素.是否有任何JS库或CSS技巧,这使它成为可能?我知道jQuery和类似的,但它们太大了 – 我不想使用超过~5 KB. 我也尝试过CSS转换,但它不允许使用display属性.可见性在页面中占据,这是不可取的. 编辑:例如:jQuery.toggle().从顶部开始的第二次演示.解决方法:使用CSS过渡.您无需触摸显示属性. 您可以将div的高度/宽度(或两者)设置为0,然后设置为所需的大小,并激活转换. 或者,如果您为其位置设置动画,则可以...

元素 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部