草庐IT

main-div

全部标签

javascript - 不使用 Javascript 切换 div

我想切换,但我的要求是它必须与javascript一起使用关闭。我想选择一个声明“修改搜索”的超链接,并显示包含搜索条件的div。我发现了大量使用jQuery的演示,但他们都需要javascript启用。任何帮助表示赞赏。 最佳答案 Hereyougo,skipper!(编辑—为科学更新)HTML:ClickHereHello.Thisissomestuff.CSS:input:checked+div{display:none;}编辑—附加注释:display:none将导致某些浏览器(IE)不注意复选框。而不是用display隐藏

javascript - 随机映射div

我正在创建一个新的“打地鼠”风格的游戏,children必须根据问题打出正确的数字。到目前为止,一切进展顺利,我有一个计时器,计算正确和错误的答案,当游戏开始时,我有一些称为“Angular色”的div,它们在设定的时间随机出现在容器中。我遇到的问题是因为它是完全随机的,所以有时“字符”会相互重叠。有没有一种方法可以组织它们,使它们出现在容器中的固定位置,并且出现时不会重叠。这里我有将div映射到容器的代码..functionrandomFromTo(from,to){returnMath.floor(Math.random()*(to-from+1)+from);}functions

javascript - 如何使用CSS让div从页面底部向上滑动

我有一个包含以下类的div:.overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:500;overflow:auto;}.slider{overflow-y:hidden;max-height:100vh;transition-property:all;transition-duration:1s;transition-timing-function:cubic-bezier(0,1,0.5,1);&.close{max-height:0;}}我希望div从页面底部向上滑动以适合整个屏幕。现在它从页面顶部滑动以适应整

javascript - 用于使 DIV 可见/不可见的 Jquery

我打算显示一个树结构,点击树结构我想显示一个网格。由于我必须展示一个原型(prototype),我正在考虑使用Jquery来展示以下内容Application1(Onclick)Displayawithdata(similartoagrid)Application2(Onclick)CollapseApplication1Div(invisible)Application2DIV(visible)等等..是否有可用的示例来模拟此操作? 最佳答案 这是一个真实的基本示例:http://jsfiddle.net/YBABG/1/Appl

javascript - Jquery函数自行关闭追加的div

我有以下功能:functiondisplayResults(Items){$("#result").text("");$("#result").append('');$("#result").append('');$("#result").append('');$("#result").append('titleeee');//'+Items[i].Title+'$("#result").append('Year:2003');$("#result").append('Milage:172,000Km');$("#result").append('53,000QR');$("#resu

javascript - 如果 div 未隐藏,请单击任意位置以隐藏

这个问题在这里已经有了答案:HowdoIdetectaclickoutsideanelement?(90个答案)关闭9年前。我试图让一个div默认隐藏并通过单击按钮显示。要关闭div,我可以单击按钮或屏幕上的任何其他位置。以下是我的尝试,但结束部分不起作用。如果有人能指出正确的实现方式或更好的方法,我将不胜感激。$('#theDiv').hide();$("#showDivBtn").click(function(){$("#theDiv").show();});if(!$('#theDiv:hidden')){$(document).click(function(){$('#theD

javascript - 使div与其中的图像大小相同

我有一个包含以下代码的divHTML:CSSdiv#imgContainer{width:250px;height:250px;padding:13px;}问题是用户可以编辑图像大小、颜色和其他一些东西,所以我希望div随着图像变大而变大。如果图像小于它,我希望div的宽度和高度为250px,但随着图像变大而变大。解决方案可以使用PHP、JavaScript、CSS或jQuery。 最佳答案 试试这个:div#imgContainer{min-width:250px;min-height:250px;padding:13px;dis

javascript - 鼠标点击页面上的其他地方(不是在特定的 div 上)

当用户点击页面上除框区域以外的任何地方时,我想关闭页面中的一个小弹出框。如何找到它? 最佳答案 $(document.body).click(function(e){var$box=$('#little-pop-up-box-id');if(e.target.id!=='little-pop-up-box-id'&&!$.contains($box[0],e.target))$box.remove();});e.target是接收到点击事件的DOM节点。我首先检查该元素的ID是否不是我们正在寻找的那个。第二次检查!$.contain

javascript - jQuery - 将 JavaScript 附加到 Div

我正在使用jQuery附加一些JavaScript当项目展开时。但jQuery函数内的JavaScript代码导致其余jQuery代码爆炸。$(this).parent('li').find('.moreInfo').append('alert("hello");');我该怎么做才能解决这个问题? 最佳答案 对于附加的JavaScript问题,使用这个:varstr="alert('hello');";str+="";$(this).parent('li').find('.moreInfo').append(str);否则,更好的选

javascript - 设置可拖动div的位置

我正在使用jQuery和JQueryui做一个小应用程序。我已经定义了一个可拖动的div,它工作得很好,但我想在单击按钮时设置div的位置...我在stackOverflow中读到这里:element.position().top=topUserDefined;element.position().left=leftUserDefined;我在这次赋值前后做了一个element.position().top的alert,新值没有赋值,它保留原来的值...有什么想法吗???谢谢! 最佳答案 .position()得到位置。它没有设置位