草庐IT

x-dom-event-stream

全部标签

javascript/jquery - 如何获取尚未添加到 dom 的元素/css 类的宽度

我正在尝试动态查找具有特定宽度的css类的元素的宽度,以便动态定位其背景图像(Sprite)。但是,该元素尚未添加到DOM。有没有办法在将类添加到DOM之前读取类的宽度属性? 最佳答案 我相信你做不到。而是将其添加到测试div,找到宽度,然后删除div。$selector.append("");varwidthVal=$selector.find("#test").width();$("#test").remove();selector是您可能想要附加到的元素选择器。您可以将一个类与“test”div相关联,使其显示为“displa

Javascript DOM,获取节点文本而不丢失间距信息

我正在使用javascript并想遍历HTML树,获取所有显示给用户的文本。但是,我丢失了间距信息。假设我有两个文档:XXXYYYYXXXYY   YY第一个将出现在Y之间有1个空格。第二个将有3个空格。但是,如果我遍历树并为每个#text节点使用:text=node.nodeValue;然后两个节点的文本将有3个空格。我不再知道哪个有“真正的”nbsp空间。我可以将node.innerHTML用于p元素,这将显示nbsp,但我不认为我可以使用innerHTML来获取XXX文本(没有某种文本减法)。我可以获得整个文档的innerHTML并解析它。但是,我还

javascript - Chrome DOM 未针对 jQuery 附加/淡入更新

从服务器获取新记录后,我使用jQuery1.7.2中的AJAX成功回调将新记录添加到列表并将其淡入。functiononSuccess(data,status,xhr){varrecord=$(template_html);//populate`record`with`data`values.body.append(record);//bodyisajQueryobjectfromclosurescoperecord.fadeIn('fast');}我在以下浏览器中对此进行了测试:IE8IE9Safari5.1.7火狐14.0.1Chrome21.0.1180.79歌剧11.64除Ch

javascript - 将数据绑定(bind)到 DOM 的示例

我在Backbone.js中阅读了以下内容'页面:WhenworkingonawebapplicationthatinvolvesalotofJavaScript,oneofthefirstthingsyoulearnistostoptyingyourdatatotheDOM.It'salltooeasytocreateJavaScriptapplicationsthatendupastangledpilesofjQueryselectorsandcallbacks,alltryingfranticallytokeepdatainsyncbetweentheHTMLUI,yourJav

javascript - jQuery on() 不适用于已添加的 DOM 项

我有这个:$(document).on("click",".prev",function(){$(this).closest("div").find(".slider").animate({"left":"+=450px"},800,"easeInOutBack");returnfalse;});这在新元素添加到DOM时有效,但不适用于DOM中已有的元素。当我这样做时:$(".prev").on("click",function(){$(this).closest("div").find(".slider").animate({"left":"+=450px"},800,"easeIn

javascript - AngularJS 指令的 link() 函数中的 DOM 元素未准备好

我正在创建一个AngularJS指令,它应该有一个C3.js基于它的图表。问题是C3库看不到它应该附加到的DOM元素。该指令的link函数如下所示:link:function(scope,element,attrs){scope.someid='id';scope.chart=c3.generate({bindto:"#somechart"+scope.someid,data:{columns:[['data1',30,200,100,400,150,250],['data2',50,20,10,40,15,25]]}});console.log($("#somechart"+scop

javascript - 将 host 属性添加到生成的 DOM 元素

我正在尝试集成d3和angular2alpha.37(从here开始)。我目前遇到的问题是生成的DOM元素没有获得在模拟样式View封装中使用的属性,因此如果不将元素的View封装设置为None(或native,但我无法设置它们的样式宁愿使用模拟)。我设法以编程方式从组件[1]内的元素中提取所需的属性,然后将其添加到生成的元素中[2],这确实有效,但这显然是令人难以置信的hacky:import{Component,View,Attribute,ElementRef,LifecycleEvent}from'angular2/angular2';importd3from'd3';@Com

javascript - NodeJS & Gulp Streams & Vinyl File Objects - Gulp Wrapper for NPM package producing incorrect output

目标我目前正在尝试为NPMFlat编写一个Gulp包装器可以很容易地在Gulp任务中使用。我觉得这对Node社区很有用,也可以实现我的目标。Therepositoryishereforeveryonetoview,contributeto,playwithandpullrequest.我正在尝试制作多个JSON文件的扁平化(使用点表示法)副本。然后我想将它们复制到同一个文件夹并修改文件扩展名以从*.json更改为*.flat.json。我的问题我在JSON文件中返回的结果看起来像乙烯基文件或字节码。例如,我希望输出像"views.login.usernamepassword.login

javascript - Angular Directive(指令) : It's possible testing that certain characters are rejected in a keypress event?

我一直在构建一个指令来限制用户按下某些无效字符,在这种情况下,使用keypress事件绑定(bind)到使用我的指令的输入元素。我一直在尝试测试此功能,但我不明白如何实现。我的指令angular.module('gp.rutValidator').directive('gpRutValidator',directive);directive.$inject=['$filter'];functiondirective($filter){varddo={restrict:'A',require:'ngModel',link:linkFn};returnddo;functionlinkFn(

javascript - 检测在 javascript 中删除的 DOM 项目

我正在编写一个带有ID的插件。它向该id添加一些代码并启动一些事件。我发现的问题是,如果容器后来被覆盖,我找不到关闭事件的方法,这样它们就不会继续运行。下面是一个演示脚本来展示我已经尝试过的内容。我似乎无法找到检测test2不存在并清除间隔的方法。$(function(){ /***********************************Simpleexampleofsomethingthatcouldbedone*beingtoldtoworkonidtest2**********************************/ vara=0;$("#test2