草庐IT

dom-repeat

全部标签

javascript - 如何在 DOM 中的克隆/插入元素上触发事件?

我无法在我克隆/插入到DOM的元素上触发事件。检查fiddlehere.HTML:[THISISDIVA]CLICKTOCLONEDIVAjQuery:$('.A').on("click",null,function(){alert('DIVACLICK');});$('.B').on("click",null,function(){$('.A').clone().insertAfter('.A');});如果我点击一个克隆的DIVA,没有任何反应。如何在克隆的元素上触发事件? 最佳答案 我提出了两个解决方案。首先,在这种情况下更好

javascript - 从主干 View 中的模板获取 DOM 元素

我正在使用Backbone.js来显示人员列表及其数据。每个人都有属于自己的.div由_.template生成并包含显示此人数据的字段,以便对其进行调整。还有一个带有class=".save"的按钮.在我看来,我有一个绑定(bind)到单击此按钮的功能。我正在寻找获取值的最佳方法-div中的标签属于模型。这是我的方法,但我想知道是否有更好的方法。在我的模板中,我根据模型的ID为DOM元素动态分配了ID。我使用相同的逻辑在View中找回元素。模板"id="name_"/>"id="age_"/>"id="address_"/>Save查看events:{"click.save":"sav

javascript - AngularJS 和 i18n : apply ng-repeat filters after translating list items properties

JSFiddle:http://jsfiddle.net/X2fsw/2/我尝试使用angular-translate创建多语言AngularJS应用程序.我的代码中嵌入了一个静态项目列表。此列表的每个项目都有一个标题,该标题必须以当前选择的语言显示。翻译是在翻译服务的帮助下直接在View中完成的。示例:{{myObject.title|翻译}}。我希望使用ng-repeat显示列表,然后按项目标题过滤它。但是,过滤器应用于翻译键,而不是翻译后的字符串。在保持运行时切换语言的能力的同时更正此行为的最佳方法是什么?我可以在每次语言更改时将翻译后的字符串存储为另一个属性(例如myObjec

javascript - ng-repeat:用数组填充下拉选项

我有一个简单的JavaScript对象,如下所示:$scope.obj={"'Architect'":["asdf","d","e","y"]};我想在选择框中显示'Architect'的值。但是,在尝试执行ng-repeat时,单引号让我失望。{{row}}这不会填充选择框,它只是显示一个空的选择框。我假设它将单引号解释为字符串文字,但即使我添加单引号并转义它们,它仍然无法按预期工作。我错过了什么吗?Hereisasampleplunker: 最佳答案 转义引号Howtoproperlyescapequotesinsidehtml

javascript - AngularJS:ng-repeat 中的 ng-model setter

关于如何在ng-repeat中获取ng-model的值,我找到了一些很好的答案,但是到目前为止,我还没有找到任何覆盖二传手的东西。假设我有这样的东西:如果我只有一个输入框,我会使用类似this的东西:...var_val='';$scope.itemTitle=function(val){returnangular.isDefined(val)?(_val=val):_val;}...但是,这会改变每个输入框的值。是否可以定义变量和setter,可能使用数组?或者是否有更好的方法在ng-repeat中获取和设置输入框? 最佳答案 a

javascript - 使用 DOM 创建并填充一个复选框列表,其中包含 javascript 中的数组值

我有一组动物...我如何设法在javascript中创建一个复选框列表,并用动物数组中的动物名称填充每个复选框,并在html中显示它们。我的尝试代码:varlengthArrayAnimals=animals.length;for(vari=0;pos 最佳答案 这是一种方式(纯JavaScript,无jQuery):varanimals=["lion","tigers","bears","squirrels"];varmyDiv=document.getElementById("cboxes");for(vari=0;ihttps

javascript - Vue.js "npm run build"但 Vue.js 未绑定(bind)到 DOM/工作

这里是Vue.js的新手。在MacOS上使用版本:$npm--version4.6.1$vue--version2.8.1我正在使用webpack-simpleinit和vue-cliforvue2.0。我在我的Django项目文件夹中为vue内容创建了一个名为frontend的文件夹。目录结构:$tree├──README.md├──asnew│  ├──__init__.py│  ├──migrations│  ├──models.py│  ├──settings.py│  ├──templates│ └──index.html│  ├──urls.py│  ├──views.py

javascript - Shadow Dom继承父页面CSS [Chrome]

这个问题在这里已经有了答案:LightDOMstyleleakingintoShadowDOM(1个回答)关闭2年前。我读过的所有内容都表明ShadowDom对于其父页面CSS来说应该是“安全的”。IE。如果我将所有div样式设置为紫色字体:div{color:purple}我的ShadowDom中的div应该具有浏览器默认颜色。我正在编写一个chrome扩展程序,可以将html注入(inject)任何给定页面。除非此html受ShadowDom或Iframe保护,否则它将继承页面的所有CSS。解决这个问题的建议在这个question,是使用ShadowDom。所以我实现了一个解决方案

javascript - 使用 jQuery 进行 XHTML DOM 操作

我使用的是Firefox3.5。我的文档类型是XHTML1.0Strict。假设我想将一个图像插入到一个id为“foo”的div中;那么我可能会尝试:varfoo=$('#foo');foo.html('');这确实添加了图像。但我注意到这会导致文档后面出现一些奇怪的行为,我怀疑这可能是由于XHTML中断造成的。果然,使用Firefox的WebDeveloper工具,我检查了生成的源代码,并惊恐地发现在脚本运行后,我有:img标签上的尾部斜杠去哪儿了!?四处搜索,我发现这不是一个特定于jQuery的问题:ThepureJavaScriptcodedocument.getElementB

javascript - IE 支持 DOM importNode

我一直在网上四处寻找,我很确定我已经知道答案(“否”),但我想检查一下:IE支持importNode()了吗?有没有比遍历DOM和创建节点更好的选择?(我见过theclasicarticlebyAnthonyHoldener但现在已经一年多了,我希望IE已经进化,或者有人有其他解决方法)谢谢。 最佳答案 InternetExplorer9DOMAPI中有一个函数document.importNode()。但是IE9在调用时会抛出脚本错误SCRIPT16386:Nosuchinterfacesupported还需要定义源节点的命名空间