草庐IT

CSS定位div

全部标签

javascript - 如果超过 20 个,则删除旧的 div |查询

我的jQuery脚本需要一些帮助。我有一个每10秒刷新一次的页面,并且来自提要的新div被附加到。我的脚本对div进行计数,并在超过20个div时删除最后一个div。如果提要一次仅附加1个div,则此方法很好用。但是提要也可以同时附加多个div。发生这种情况时,计数可能会超过20个div的最大值。问题是我的脚本只删除了1个div,而不是所有超过20个的div。这是我的代码:var$auto_refresh=setInterval(function(){var$articleCount=$('div').length;if($articleCount>20){$('div:last-ch

javascript - CSS 选择器性能,DOM 解析

我的问题与触发DOM解析有关,我想知道为什么使用CSSID选择器比使用类选择器更快。什么时候必须再次解析DOM树,我应该使用什么技巧和性能增强...还有,有人告诉我,如果我做类似的事情var$p=$("p");$p.css("color","blue");$p.text("Textchanged!");代替$("p").css("color","blue");$("p").text("Textchanged!");提高性能,对所有浏览器都是这样吗?另外,我如何知道我的DOM树是否已被重新解析? 最佳答案 嗯,#id选择器比类选择器更

JavaScript 和 CSS 在我的 liferay portlet 中不起作用

我必须为我的portlet使用一些JavaScript和CSS。我正在使用一些可数据的jQuery进行排序和一些交互式显示,但它不起作用。任何人都可以指导我犯错的地方吗?这是我的docroot目录结构,其中保存了我的JS和CSS。这是我的view.jsp文件,其中正在动态填充数据。ApplyingJQueryDataTablespluginintheJavaServerapplication$(document).ready(function(){$("#companies").dataTable({"sPaginationType":"full_numbers","bJQueryUI

javascript - 如何在两个 div 之间的 contenteditable div 中设置插入符号/光标位置

考虑以下内容可编辑的div。boldtextboldtext如果我将光标放在两个div之间并开始键入文本,则文本会变成粗体,而不是在两个div之间插入一个新的文本节点。如果您回到家并尝试在第一个div前面键入内容,也会发生同样的情况。它成为第一个div的一部分。如果我检查从选择返回的范围的startContainer,我会得到其中一个div的内容,而不是我期望的空文本节点。$('#EDITABLE').focus();varselection=window.getSelection();varrange=document.createRange();vardiv=$('#div2').

javascript - jQuery 是否在两个不同的 CSS 类之间进行动画处理?

我想了解jQuery动画的工作原理。例如,如果我有一个带有CSS的a元素,使它看起来像一个可点击的图像,并且给定的with和height在CSS,我如何安全地为该元素的width和height设置动画?我需要为CSS类中的值设置动画吗?或者我是否需要使用width和height的目标值设置一个新的CSS类,并让jQuery从oldClass动画到新类?或者我可以简单地使用jQuery的.width()和.height()方法,而不管CSS中指定的值是什么?让我感到困惑的是:如果我使用jQuery调整元素的宽度,这是否也会修改我的CSS,或者jQuery/JavaScript是否只是用其

javascript - 如果使用 CSS3 翻译/转换来更改元素位置,则不会触发 Mouseenter/Mouseover 事件

我正在翻译(通过jQuery/CSS3)一个#wrapperdiv,通过更新Y轴。我已将mouseenter/mouseleave事件附加到#wrapper的子元素。当#wrapper翻译时,它的child一个接一个地来到鼠标下(即使鼠标没有移动)。这不会触发mouseenter、mouseleave事件。但是,当元素具有滚动条并通过鼠标滚轮滚动(而不是平移)时会触发事件。这是默认行为吗?如果是,有什么解决方法吗?Demo尝试使用鼠标滚轮滚动,但不要移动鼠标。我希望将.block的背景更改为red颜色,但它没有发生。 最佳答案 示例

javascript - 尝试将 svg 从一个 div 移动到另一个时,是什么导致层次结构请求错误?

我正在尝试将svg从一个div移动到另一个。Thisstackquestion提供了我尝试过的这个解决方案。document.getElementById("LightBoxDiv").appendChild(svgId+"V");当我尝试这样做时,我收到了层次结构请求错误。Thisstackquestion建议了几件可能是原因的事情。我不能说我有任何这些东西,但我不确定。Bot我的div在body元素中并且没有嵌套在另一个元素中,但是,其中一个div在使用javascript动态创建之前只有几行。这是我用来创建该div的脚本。varlightboxdiv=document.creat

javascript - Materialize css select 无法处理 JS 错误

我在使用MaterializeCSS框架选择表单时遇到问题。这是我的表格:ChooseyouroptionOption1Option2Option3MaterializeMultipleSelect$('select').material_select();这是我的slim布局:doctypehtmlhtmlheadmetacontent=("text/html;charset=UTF-8")http-equiv="Content-Type"/titleBudeprace=stylesheet_link_tag'https://cdnjs.cloudflare.com/ajax/lib

javascript - TinyMCE 使用 <div align ="center"> 而不是 <div style ="text-align: center">?

我使用的是TinyMCE3.2.5,默认情况下,当您单击居中对齐按钮时,它使用内联样式.我想使用tinyMCE而不是内联样式。我知道在配置中设置inline_styles:false是有效的。但我想对除对齐以外的所有内容使用内联样式。我将如何改变它? 最佳答案 tinyMCE.init({...'formats':{'alignleft':{'selector':'p,h1,h2,h3,h4,h5,h6,td,th,div,ul,ol,li,table,img',attributes:{"align":'left'}},'align

javascript - 在本地测试谷歌地图 V3 地理定位?

我正在尝试在我的计算机上测试一些地理定位代码,但我什至无法运行这些示例。虽然当我尝试从我的计算机打开html文件时它们从文档网站完美运行我得到一个空白页面,我所做的只是试图检测我的位置......代码如下:varmap;functioninitialize(){varmyOptions={zoom:6,mapTypeId:google.maps.MapTypeId.ROADMAP};map=newgoogle.maps.Map(document.getElementById('map_canvas'),myOptions);//TryHTML5geolocationif(navigat