草庐IT

移除元素

全部标签

javascript - 将大型元素/数据集附加到 dom 的性能

我一次附加大量表格行元素,遇到了一些主要瓶颈。目前我正在使用jQuery,但如果它能完成工作,我愿意接受基于javascript的解决方案。我需要在给定时间追加0-100表行的任何地方(实际上可能更多,但我会对超过100行的任何内容进行分页)。现在我将每个表行单独附加到dom...loop{..buildhtmlstr...$("#myTable").append(row);}然后我将它们全部淡入淡出$("#myTabletr").fadeIn();这里有几件事需要考虑...1)我将数据绑定(bind)到每个单独的表行,这就是为什么我首先从批量追加切换到追加单独的行。2)我真的很喜欢淡

javascript - 包装元素数组

我正在尝试编写一个不显眼的脚本,并且我不想添加任何不需要的html,除非启用了javascript。使用MooTools1.2.4,是否可以用say来包装一个元素数组,例如:标签?期望的效果:之前:SomethingSomething1Something2Something3一厢情愿的javascript代码:$$('p').wrapWith(newElement('div',{id:'master'}));之后:SomethingSomething1Something2Something3 最佳答案 在IRCchannel上回答。

javascript - jQuery 滚动事件 - 检测元素滚动到 View 中 - 在 Chrome 上性能不佳

以下代码在IE和Firefox上工作正常,但Chrome讨厌它(它运行但真的很慢)。我确信它可以使浏览器更加友好,但是怎么做呢?itemPlaceholder是数百个100x100的floatdiv(例如图像占位符)。我正在使用jquery1.4.4和Chromev10.0.648.127。$(function(){ReplaceVisible();$(this).scroll(function(){ReplaceVisible();});});functionReplaceVisible(){$('.itemPlaceholder').each(function(index){if(

javascript - 使用 CSS 更改多个元素?

如果在此之前有人问过这个问题,我深表歉意。经过大约半小时的搜索,我似乎找不到一个“最佳答案”,而且我遇到的大多数解决方案似乎都涉及JavaScript。虽然我并不完全反对JavaScript,但HTML、CSS和PHP绝对是我的强项。如果不使用JavaScript无法做到这一点,我可能需要一些严肃的儿戏。这是我的问题:我想将一个元素的背景图像更改为一个完全独立的元素的悬停状态。这是我希望它如何工作的示例:.some_element:hover{#some_unrelated_div{background-image:url('path/to/img.jpg');}}我希望这传达了一个关

javascript - Bootstrap 崩溃,仅显示一个元素

我正在尝试使用Bootstrap的折叠组件。它运行良好,但我注意到有时它不会关闭所有其他元素;当我按从第一个到第三个的顺序单击然后再次回到第一个时,第三个保持打开状态。我的标记与Bootstrap提供的示例代码相同,因为我现在只是在测试。CollapsibleGroupItem#1Part1CollapsibleGroupItem#2Part2CollapsibleGroupItem#3Part3JavaScript代码是这样的:$(".collapse").collapse("#accordion2");考虑到我正在考虑在菜单中使用这个组件,为了显示根据PHP变量值打开的组,我是否只

javascript - 记住 QML 元素中的滚动位置

我有一些qml作为应用程序的输出(有点像只读控制台)。但是,使用起来很烦人,因为它在打印信息时会滚动回顶部。例如,假设我每秒向我的TextArea打印一行,大约一分钟后,我将有足够的行,现在我有一个滚动条。我滚动到底部,一秒钟后,打印了一行文本,导致它滚动回顶部。我想要的理想功能是自动滚动到底部(很像控制台打印内容时的样子),除非用户通过向上滚动来覆盖它,那么文本应该保持不变。我希望这是有道理的,这里是一些代码:ScrollArea{id:helpTextScrollAreaanchors.left:parent.leftanchors.right:parent.rightanchor

javascript - 是否可以一次为元素的所有事件分配阻止默认值?

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:jQuery-HowcanIbindalleventsonaDOMelement?想象一下,如果我们想让一些元素完全不可交互。当然,我们可以为点击事件绑定(bind)一个阻止默认值,如下所示:$('form*').bind('click',function(event){event.preventDefault();});但这只是一个事件,还有更多事件,例如悬停、聚焦、selectstart等等。我们可以在一行中指定它们,例如“clickfocushoverdblclickblurselectstart”,但

javascript - 使用 Javascript 更改具有所述类的所有元素的 css 类

基本上我试图找到所有具有特定类名的元素并将其切换到另一个。我有另一个函数可以将其切换回原始类名。这是我用onclick触发的函数:functionshowEventsAppliedTo(){varmyObj=document.getElementsByClassName('notApplied');while(myObj.length>=0){myObj[0].className='mblListItemnotAppliedOut';}AppliedToButton.set('style','display:none;');EventListingButton.set('style',

javascript - DOM 元素的 JavaScript 相等运算符是否跨浏览器?

对于DOM元素,==和===能否在所有浏览器中正常工作?如果代码以两种不同的方式获取对原始DOM元素的引用,那么它们在所有浏览器中是否都等于==和===? 最佳答案 Will==and===workcorrectlyinallbrowsersforDOMelements?是的,这些相等运算符将按照ECMAScript标准定义的方式工作。请注意,==经常会做开发人员意想不到的事情,例如在与字符串值进行比较时转换为字符串。这将使以下陈述为真,尽管它可能不是所需的结果:document.createElement('div')=='[ob

javascript - Angular 中的根元素是什么?

我写了这样一个指令:app.directive('headersort',function(){return{restrict:'E',scope:{sortBy:'=',title:'='},template:'{{title}}',replace:true,link:function(scope,element,attributes){scope.sortBy=attributes.sortBy;scope.title=attributes.title;}};});我是这样使用它的:我想要的是替换为Product.但是我收到一条错误消息:Templatemusthaveexactl