草庐IT

dom-selection

全部标签

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 - 如何使用 Draggable 和 Selectable JQuery 将一个或多个项目拖动到一个元素

我想知道如何将一个或多个项目(在我的案例中是个人记录,通过他们的头像照片)拖动到目标(在我的案例中是城市列表),然后更新拖动项目的数据库包含他们被拖到的项目的详细信息。我目前正在为单个项目工作。我有一个侧边栏,其中包含我使用EntityFramework从数据库中检索到的位置列表:SydneyBrisbaneMelbourne在我的主窗口中,我有一个人物图像网格,我正在使用可选择的JqueryUI来启用这些图像:@foreach(variteminModel.People){}$(function(){$("#selectable").selectable({selected:func

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 - Select2 给表单控件添加一个 title 属性

我正在使用Select2版本3.4.8,最近注意到代码使用关联labeltitle属性用于title。我假设Select2开发人员的意思是将此作为可访问性改进,但这是一个可疑的选择,因为已经有一个关联的label。我正在寻找一种无需直接修补select2.js即可禁用此功能的方法。我查看了文档,但找不到任何东西。有没有办法做到这一点,或者我是否必须修补select2.js(可能注释掉第692行)或编写几行脚本来删除title属性在将它们添加到.select2-containerdiv之后?(或者这在3.5.0版中已修复?) 最佳答案

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 - select2 + requirejs : Cannot bundle i18n files

我一直在尝试在我的生产环境中保存一些ajax调用。为此,我捆绑并缩小了我的一些脚本,但我正在努力处理select2及其翻译文件。我在built.js上包含了jQuery+bootstrap+(很多deps)+select2+select2i18n文件并设置了shim值(虽然我认为不需要)。jquery和select2都粘贴在i18n文件之前。添加了以下配置(在生产环境中):requirejs.config({bundles:{'built':['jquery','bootstrap','highcharts','bootbox','datatables','datatables-boo

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

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

javascript - 为什么 Select2 在 iOS 设备上不能正常工作?

我正在使用Pixels管理模板中的库select2。我注意到它在桌面和安卓设备上运行良好。然而,在iOS设备上查看时下拉菜单不会打开。我不知道为什么会这样。$(document).ready(function(){varinit=[];init.push(function(){var$select2=$("#Salutation,#Gender").select2();$select2.on('select2:selectselect2:unselect',()=>{$(":focus").blur();});})window.PixelAdmin.start(init);});bod

javascript - 使用 Javascript 将 HTML 字符串加载到 DOM 树中

我目前正在使用一个自动化框架,该框架可以拉下网页进行分析,然后将其呈现为字符串进行处理。RhinoJavascript引擎可用于协助解析返回的网页。看来,如果可以将字符串(这是一个完整的网页)加载到DOM表示中,它将为解析和分析内容提供一个非常好的界面。仅使用Javascript,这是一个可能和/或可行的概念吗?编辑:我将分解问题以澄清:假设我在javascript中有一个字符串,其中包含这样的html:var$mywebpage='';以某种方式将其加载到dom对象中是否可能/现实? 最佳答案 我接受JonDavidJohn的回答