草庐IT

dom-selection

全部标签

javascript - 如何将现有的 DOM 元素绑定(bind)到 KnockoutJS viewModel

如果JS值发生更改,我将使用KnockoutJS更新DOM(Knockout为我们提供了此功能)。默认的KnockoutviewModel类似于以下block:Javascript:varviewModel={price:ko.observable(109)}HTML:现在,当价格发生变化时,Knockout会自动更新View。但我想要的是以下内容:varviewModel={price:ko.observable(jQuery("#price"))}99.00所以,我想将一个DOM元素绑定(bind)到我的viewModel。模型中的价格属性初始化为值99.00。当价格改变时(在Ja

javascript - css3pie 打乱了 DOM,导致 jQuery 选择器错误

为了在IE6/7/8上获得CSS3效果(边框半径、框阴影...),我使用了css3pie。然而,css3pie在DOM中生成了一些css3-container(v1)/css3pie(v2)标签,这打乱了预期的架构。这是一个例子:CSSpre{border:1pxsolid#aaa;border-radius:5px;behavior:url(pie.htc);}HTMLbarparagraphpreformattedjQuery//undefinedexpected:getmealert($("pre").prev().attr("class"));//css3-containere

javascript - Holder.js——取回 DOM 元素?

holder.js我想向我的页面动态添加占位符图像。这样插入是行不通的:$('',{class:'file-item'}).append($('',{'data-src':'holder.js/150x150'})).append($('',{class:'file-name'}).text(file.name)).appendTo('#file-list');因为holder脚本已经运行并且没有搜索新元素。但是,我们可以再次手动运行它:Holder.run()但随后它将扫描所有已添加的元素。那么...有什么方法可以让holder.js创建并返回一个DOM元素,这样我就可以手动添加它而

JavaScript 通过一些比较器对 DOM 元素进行排序,没有 jQuery

想象一些DOM元素:BazFooBar如果不使用jQuery,如何使用JavaScript对这些元素进行排序?类似于:document.getElementById('list').sort(function(li){returnli.dataset.index;}); 最佳答案 您应该使用弹性盒的排序功能。这将允许重新排序元素,而无需在DOM中四处移动它们。这涉及设置CSSorder属性。参见https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes了

javascript - Hammer.js 单击在点击操作后点击后面的 DOM 元素上触发

我使用Hammer.js来检测移动设备上的触摸、点击、滑动等。我有一个交互,在点击时,我隐藏点击的内容(可能还有parent)并在其位置显示一些其他内容(更改屏幕-类似功能)。问题是新出现的内容可能绑定(bind)了自己的事件,或者可能会在点击时进行本地交互(例如标签切换复选框、文本输入被聚焦)。如果组件在点击时立即隐藏/显示,则400毫秒的点击事件仍在运行,然后在下面的元素上触发。在移动设备上查看这个jsfiddle:http://jsfiddle.net/annam/xGJZL/http://jsfiddle.net/annam/xGJZL/embedded/result/.che

javascript - React 是否会自动 trim 已从 DOM 中删除挂载点的组件?

例如,如果我使用renderComponent渲染到DOM节点,然后手动删除DOM节点,我是否只是泄漏了内存?渲染到删除的DOM节点的React组件是否被trim? 最佳答案 您可能泄漏了内存。使用React.unmountComponentAtNode(node) 关于javascript-React是否会自动trim已从DOM中删除挂载点的组件?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/q

javascript - Select2 each2 方法 - 它是如何工作的?

我正在查看Select2(sourcecode)并找到了each2方法原型(prototype):$.extend($.fn,{each2:function(c){varj=$([0]),i=-1,l=this.length;while(++i我的问题是-这种方法是如何工作的?我的意思是-为什么while循环只有条件,没有语句部分?我真的很想了解此方法的流程。 最佳答案 当您将表达式置于条件中时(例如:if(i)、if(i==null)、if(++i)、if(i)),表达式在其“检查”之前得到评估,即true或false.实例:我们

javascript - 将 DOM 操作与 Angular Controller 分离——需要最佳实践

为了寻找构建Angular应用程序的“最佳”方式,我找到了几篇最佳实践文章。有了这个输入,我这样做了:angular.module('xApp',[])//.....someservices,factories,controllers,.....directive('dirNotification',[functiondirNotification(){return{scope:{},templateUrl:'xNotification.html',replace:true,controller:'CtrlNotification',link:function($scope){//if

javascript - React 的 getDOMNode 总是返回组件的根 DOM 节点而不是引用的节点

我正在努力在React中使用refs。它们总是返回组件的根DOM节点而不是引用的节点。请考虑以下示例:varAuthApp=React.createClass({onSubmitClick:function(event){varusernameInput=this.getDOMNode(this.refs.username);//Thislogsrootinsteadof,why???console.log(usernameInput);},render:function(){return();}});我检查了优秀的ChromeReact插件中的代码,似乎this.refs.usern

javascript - select2不知道selected value对应的文本

我使用远程数据源作为选项。当我从服务器加载表单数据时,它只包含选择元素的值。在这种情况下,select2不知道要向用户显示相应的文本。这种常见场景是否有任何内置的可重用机制?ajax取数据时如何设置当前选中的值/文本?$('select#test').select2({ajax:{url:"user/combo",dataType:'json',delay:250,cache:true}});}}事实上,我正在尝试创建一个AngularDirective(指令),如下所示:app.directive('mehrUserCombo',['$http',function($http){re