草庐IT

child_div

全部标签

javascript - 延迟一段时间后更改 div 的类

我想在页面加载后10秒向div元素(id="one")添加一个类,而无需悬停或单击任何内容等。我尝试了以下代码,但它不起作用:$(document).ready(function(){$('#one').delay(10000).addClass("grow")});知道上面的代码哪里出错了吗? 最佳答案 delay方法向动画队列中添加一个元素,但由于addClass不是动画效果,因此不会放入队列中,它会立即生效。可以使用queue方法将代码放入动画队列中,使其在延迟后运行:$('#one').delay(10000).queue(

javascript - 如何在 react 中隐藏和显示一个div

嗨,我是reactjs的新手,我想学习如何在单击按钮时隐藏和显示div。这是我要隐藏的View部分JohnSmith1minutesago 最佳答案 典型方式最常见的模式是根据状态有选择地渲染元素。classFooextendsReact.Component{state={showing:true};render(){const{showing}=this.state;return(this.setState({showing:!showing})}>toggle{showing?Thisisvisible:null})}}备选您还

javascript - 双击时div中的文本选择(contenteditable)

我有一个带有一些文本和contenteditable="true"的div。当我单击此div-运行我的一些脚本时,它不是很重要。当我双击这个div-需要编辑div中的文本。编辑文本只需要在双击之后,而不是在单击之后。非常重要,当我双击div-插入符号需要停留在鼠标光标下。无需选择文本。我找到了一些单/双脚本。但是有问题。当我双击div-文本被选中。选择不需要。我点击的地方需要编辑插入符号。我不明白怎么办。http://jsfiddle.net/X6auM/ 最佳答案 尽管需要四个不同的代码分支,但当前的每个主要浏览器都提供了一个AP

javascript - 使div平滑展开

我正在使用Javascript来扩展一个div,但是当内容被扩展时,它非常突兀,充其量也非常没有吸引力。我想知道是否有办法让这个div扩展得更慢,比BLAM更像视觉扩展。现在我完成了。functiontoggle_profile(){varele=document.getElementById("toggleProfile");vartext=document.getElementById("displayProfile");if(ele.style.display=="block"){ele.style.display="none";text.innerHTML="ViewProfi

javascript - 在ajax请求后重新加载div

如何在ajax请求后刷新或重新加载div?我有这个代码:functionRegister(event){event.preventDefault();console.log(event);$.ajax({type:'POST',url:register,data:{name:$('#name').val(),email:$('#Email').val(),password:$('#password').val(),_token:$('#token').val()},dataType:"json",success:function(data){if(data.success){$('#h

javascript - jquery 选择第 n 个 child 之后的所有 child

我正在使用jquery并创建显示隐藏列表,我需要隐藏ul中第6个child之后的所有子列表项。通常我会通过设置高度然后在单击时更改高度来执行此操作,但要使其正常工作,我需要将overflow:hidden添加到我的css,这不是一个选项。如何获取大于第7个子元素的所有子列表元素?有点像,$("ulli:6n").domeSomething() 最佳答案 HowwouldIgetallthechildlistelementsthataregreaterthanthe7thchild?选择元素index=7+$("ulli:gt(6)"

javascript - 显示和隐藏 div onclick 按钮

关闭。这个问题需要更多focused.它目前不接受答案。想改进这个问题吗?更新问题,使其只关注一个问题editingthispost.关闭8年前。Improvethisquestion如何通过单击按钮显示和隐藏div(内容)?这里是一些代码:TextSomecontent

javascript - Provider 中的无效 Prop child

过去几周我一直在学习React。首先使用普通React开发了一个简单的Chat,现在我开始将Redux集成到我的应用程序中。我添加了一个简单的Action、一个匹配的Reducer(以及一个根Reducer)和一个Store。然后我到达了需要使用react-redux库中的Provider的部分:importReactfrom'react';importReactDOMfrom'react-dom';import{Provider}from'react-redux';import{Router,browserHistory}from'react-router';importConfig

javascript - 单击表单中的 div 元素后,this.form.submit() 不起作用

我尝试使用鼠标点击来测试表单提交,但表单似乎无法使用vanillajavascript提交。我正在使用这个简单的标记和代码:price我可以使用Jquery提交表单,但我不明白为什么this.form.submit()不能使用vanillajavascript?我正在使用Chrome对此进行测试。 最佳答案 div不是表单元素。它没有this.form。您仍然可以执行document.forms.form.submit()(.form因为您有name="form") 关于javascri

javascript - 仅使用 css 显示隐藏 div

我正在尝试仅使用css进行显示/隐藏,是否可能或是否需要某种类型的jscript?这就是我想要做的,当4个div中的任何一个被点击时,它的div就会显示在下面。AN11234AN21234AN31234AN41234点击div时显示div:thisisAN1thisisAN2thisisAN3thisisAN4 最佳答案 您可以使用与点击区域中的标签相对应的可以切换的隐藏输入。AN11234...thisisAN1然后在你的CSS中:[type=checkbox]{display:none;}:checked+div{display