草庐IT

element-template

全部标签

JavaScript : Fastest way to insert DOM element in sort order

所以我有几个(~30)个返回数据的异步调用(每个调用~25条记录),我想按特定顺序显示这些数据。目前,页面等待所有内容加载,对单个内部数组进行排序,然后添加DOM元素(每个数据项都应用于HTML模板/字符串,该模板/字符串被有效地连接并添加一次到父元素的innerHTML).我希望将数据插入每个数据集(当它返回时)...但这意味着我需要一种不同的方式来处理排序/排序。我考虑过的方法:理想情况下,将DOM镜像到某种B树中,这样INSERT操作就可以遍历树,寻找正确的元素插入之前/插入之后...因为我还没有看到任何库来解决这种需要,看来我最终会写一些代码。相对而言,手动迭代DOM以寻找要插

javascript - Foundation 6 - 控制台警告 : Tried to initialize magellan (any JS plugin) on an element that already has a Foundation plugin

我使用bower安装了Foundation6。每次我使用任何Foundation6-JavaScriptbasedplugin时,我都会在控制台中收到多个warning。确切的警告:TriedtoinitializemagellanonanelementthatalreadyhasaFoundationplugin.我的脚本包括如下所示:$(document).foundation();该警告由foundation.js中180行的以下代码触发://Foreachpluginfound,initializeit$elem.each(function(){var$el=$(this),o

javascript - 删除 :active pseudo-class from an element

我希望能够告诉一个元素它不再是:active以便CSS规则不再适用。有没有办法在JavaScript中做到这一点? 最佳答案 可能的解决方案:1)使用类:JS:document.getElementById("element").classList.remove("hasactive");CSS:#element.hasactive:active{background:blue;}2)阻止默认的mousedown功能(事件状态):编辑:显然,这只适用于Firefox。JS:document.getElementById("eleme

javascript - Protractor 返回一个对象但预期 - element.getText() 的值

无法理解为什么它返回一个对象而不是文本值,一些测试代码:describe('columnsswap',function(){describe('locationcolumn',function(){it('shouldswapright',function(){browser.sleep(10000);varfColumn=element(by.xpath('(//*[@class="k-link"])[2]')).getText();console.log(fColumn);控制台输出:>columnsswap>locationcolumn{ptor_:{controlFlow:[F

javascript - Protractor 中 element(...) 和 element(...).getWebElement() 之间的区别

为什么我们需要element(...).getWebElement()而不是element(...)而两者的工作方式完全相同为什么两个API用于相同的功能 最佳答案 Protractor是WebDriverJS的便捷包装器-javascriptselenium绑定(bind)。element(...)会导致ElementFinderinstance在Protractor中引入element(...).getWebElement()将导致WebDriverJS的WebElement实例。基本上,这使您可以访问纯“裸机”WebEleme

Javascript,CSS : Get element by style attribute

我愿意:找到页面中所有元素的样式属性(例如:所有具有color:#333;的元素)为所有这些更改此属性(例如从color:#333更改为color:#444)。您对此有什么建议吗? 最佳答案 我的建议是尽可能避免这样做。相反,使用一个类来分配颜色值,然后您可以使用该类而不是颜色值来查找元素。据我所知,没有选择器(甚至在CSS3中也没有)可用于查询特定样式值,这意味着遍历所有元素(或者它看起来像你可以将其限制为具有style属性的所有元素)并查看element.style.color属性。现在,问题是,即使您在style属性中编写了c

javascript - 将 React.element 转换为 JSX 字符串

我正在尝试构建一个组件,带child和在DOM中渲染子项,并且,在pre中显示子DOM为了记录一种解决方案是将JSX作为单独的prop传递以及。这使得它重复,因为我已经能够通过this.props.children访问它.理想情况下,我只需要以某种方式转换childrenProp作为string这样我就可以在pre中渲染它表明“这段代码产生了这个结果”。这是我目前的情况classDocumentationSectionextendsReact.Component{render(){return{heading||""}{this.props.children}//Changethist

javascript - Meteor template.find 未定义

我正在尝试使用template.find让我的生活更轻松。但在javascript控制台中我得到:undefinedisnotafunction这是我的。它在template.find(...)上被绊倒了Template.superuserHUD.events={'clickinput.new_device':function(template){varid=template.find(".new_device_id").value;Device_IPs.insert({ID:id,IP:"NotConnected"});}}有什么想法吗? 最佳答案

javascript - 无法加载模板 : uib/template/modal/window. html

我觉得我已经尝试了所有方法,但仍然出现错误:Failedtoloadtemplate:uib/template/modal/window.html在我的索引文件中,我添加了以下内容:我在我的应用文件中添加了:'ui.bootstrap',我在我的Controller文件中添加了以下内容:$uibModal和this.openPayment=function(){varmodalInstance=$uibModal.open({ariaLabelledBy:'modal-title',ariaDescribedBy:'modal-body',templateUrl:'payment.ht

javascript - jQuery-UI 可调整大小 : scale all alsoResize elements in proportion with resizable div

我有一个可调整大小的div,它位于已设置为alsoResize的一系列元素之上。在视觉上,可调整大小的元素是alsoResize元素的边界框。我希望能够根据可调整大小的div的比例调整alsoResize元素的大小。UI的默认行为使每个元素在调整大小时都有固定的左侧和顶部位置:http://jsfiddle.net/digitaloutback/SrPhA/2/但我想调整每个AR元素的左侧和顶部,以便在调整大小时随边界框一起缩放。我最初认为通过更改alsoResize插件不会太麻烦。这是我添加到调整大小的内容:_alsoResize://Getthemultipliersvarscal