草庐IT

dom-selection

全部标签

javascript - Javascript 中的 HTML DOM 绘图事务?

有没有办法在一个事务中封装多个DOM操作命令,这样内容就不会“忽悠”?像这样:window.stopDrawing();//starttransaction$("#news").append("anewnewsitem");//...dosomethingmore$("#news").css("top","-150px");window.startDrawing();//stoptransaction 最佳答案 每次您必须更新大量元素时,只需设置一个包含所有操作的函数,调用mozRequestAnimationFrame(或webk

javascript - 任何 View 模型 dom 更新的 Knockout JS 事件

每当通过Knockout.JS更新DOM时,我需要运行一段jqueryui代码。我意识到这可以使用自定义绑定(bind)来完成,但这似乎与特定的View模型有关,我想在全局范围内进行,所以每当它发生在它触发的任何View模型上时?假设我总是希望在所有带有“needsdate”类的文本框上使用JQuery日期选择器,而不是将其添加到我的每个View模型中,如果我可以在全局范围内这样做就太好了。这可能吗? 最佳答案 如果您不打算动态添加/删除元素,那么您可以像往常一样将它们连接起来。但是,如果您正在处理动态内容(例如使用修改了其项目的o

javascript - 如何在 DOM 更改后更新存储在变量中的 jQuery 对象?

我通常将我的jQuery对象存储在变量中,以避免将选择器写得到处都是。当我更改DOM时,我想让对象自行更新。删除未使用的引用并使用新引用进行更新。我怎样才能做到这一点?理想情况下,我想按照以下逻辑做一些事情:vartest=$('div.bar');console.log(test);>>[,]$('#b2').remove();console.log(test);>>[,]test.update();console.log(test);>>[]$('body').append('');console.log(test);>>[]test.update();console.log(te

javascript - 在 redux store 中处理 "selected"项的正确方法

当您需要保留项目列表和选定项目时,我想听听有关为这种情况构建redux存储的意见。一个例子。在同一页面上给定项目列表和所选项目的详细信息。用户应该能够从列表中选择一个项目。当一个项目被选中时,它的详细信息应该被加载。当所选项目更新时,它也应该在详细信息和列表中更新(例如,如果项目的名称发生更改,那么它也应该在列表中可见)。所有数据都应从后端获取,并且列表中的项目模型与所选项目模型不同。列表中的项目具有较少的属性/详细信息。所选项目包含有关数据的更多信息。在这种情况下,您认为构建redux存储的最佳方式是什么?我试过用谷歌搜索示例,但通常在所有示例中,项目列表中的项目和选定的项目都被认为

javascript - 存储对 DOM 元素的引用

在我正在编写的特定脚本中,我有许多链接到某些DOM元素的对象。鉴于每个元素都有一个唯一的ID,每个对象应该只保留元素的ID(并每次使用document.getElementById),还是将元素存储在属性中?这是我的意思的一个简化示例:functionmyThing(elId){this.elId=elId;}myThing.prototype.getElValue=function(){returndocument.getElementById(this.elId).nodeValue;};//--vs--//functionmyThing(elId){this.el=documen

javascript - 获取 DOM 元素的所有 css 样式(类似于 Firebug)

对于DOM元素,如何获取特定元素在css中指定的所有样式?是遍历所有css样式名的情况吗?或者有更优雅的方式吗?Firebug是如何做到的?谢谢 最佳答案 你应该可以用getComputedStyle得到它:varcss=window.getComputedStyle(element);for(vari=0;i但是,此方法返回计算样式,这意味着它将执行一些计算并将您的值转换为px。例如,如果您的行高为1.2,那么它将返回为57.6px而不是1.2 关于javascript-获取DOM元素

javascript - 在 select2 中标记新标签?

我正在使用select2,我已经设置好了,如果它不存在我可以添加一个新标签,我也在使用twitterbootstrap,如果标签不存在,我想将其标记为新标签,为此我在文本前加上'New'这是我的select2初始值设定项。$('#newVideoCategory').select2({placeholder:'Selectacategory...',data:categories,createSearchChoice:function(term,data){if($(data).filter(function(){returnthis.text.localeCompare(term)=

javascript - jstree select_limit 不工作。我想将选择限制设置为仅选择 3 个节点

我的jstree函数在这里。我已经设置了'select_limit':3,但是没有用。当我运行时,我可以选择超过3个节点,但我需要选择不超过3个节点。varj1=jQuery.noConflict();j1("#utree_activity").jstree({"plugins":["themes","html_data","ui","crrm","checkbox"],"html_data":{"ajax":{"url":urlGlobal+"jstrees/activitytree/","asynchronous":"false","data":function(n){return

javascript - 使用 Select2 从单个选择框中获取用户输入

问题我刚开始使用Select2(http://ivaynberg.github.io/select2/),我正在尝试完成一项基本任务。我有一个选择框,其中包含例如3个项目。我希望能够让用户选择3个结果中的1个或输入他们自己的结果,然后最终在提交时提交框中的任何值。我尝试过的$(document).ready(function(){$("#foo").select2({query:function(query){vardata={results:[{text:'math'},{text:'science'},{text:'english'}]};data.results.push({te

javascript - 未捕获的类型错误 : Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined

我明白了UncaughtTypeErroroccurs(UncaughtTypeError:Cannotreadproperty'__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED'ofundefined)当我使用ReactJS时 最佳答案 抛出错误是因为react-dom找不到React的实例。我想这与您使用res/build/react-min.js而不是res/build/react.min.jsreact-dom中函数名称的荣誉:(function(React){returnReact.