草庐IT

动态增删

全部标签

javascript - 如何动态分配 JavaScript 'onclick' 属性?

我正在使用JavaScript动态创建一个按钮,同时分配“ID”、“类型”等属性以及“onclick”等属性以触发功能。除了'onclick'的分配外,一切正常。单击时,按钮不会按预期触发功能。我尝试运行的函数是“navigate(-1)”,如下所示。我哪里错了?这是我的代码:functionloadNavigation(){varbackButton;backButton=document.createElement('input');backButton.ID='backButton';backButton.type='button';backButton.value='Back'

javascript - 动态添加 SVG 渐变

我有这个带有路径的SVG容器。我想编辑它,所以路径的填充将是一种模式。这是我失败的尝试:我添加一个渐变:$('svgdefs').prepend('');然后更改路径的填充:$(base+'svgpath').each(function(){this.setAttribute('fill','url(#MyGradient)')}这行不通。我错过了什么? 最佳答案 您的问题(您“缺少的”)是jQuery在XHTMLnamespace中创建新元素,而SVG元素必须在SVGnamespace中创建。您不能在SVG元素的字符串中使用原始代

JavaScript 动态变量名称

好的,所以我想在用户点击时创建变量,每次点击都会添加一个新变量。我目前正在使用jquery和javascript我不能在服务器端执行此操作,这必须在浏览器中完成。newCount=document.getElementById('hello').innerHTML;$('.hello').click(function(){//setcountfastenumerationnewCount++;varhello+newCount='HelloWorld';});所以我希望变量是hello1、hello2、hello3、hello4等。 最佳答案

javascript - jQuery 动态创建表/tr/td 等并附加属性

在一个例子中,我有这个结构(小例子):Test1LINKTest11Test2LINKTest22Test3LINKTest33在jQuery中,我会像这样动态地创建它:vartest=""+""....等等……(还有很多其他的东西要写)。在我附加它之后:$(".somePlaceInHtml").append(test);那么有没有其他方法可以用jQuery动态编写这样的结构呢?这对我来说是个问题,因为我有一个大结构,而不是我在示例中显示的那么小。主要原因是我想为自己和维护此代码的其他开发人员获得更好的可读性。 最佳答案 这是一个

javascript - fullcalendar 动态添加事件

我正在尝试在我的完整日历中动态创建事件。我有:$('#calendar').fullCalendar({viewRender:function(view){varh;if(view.name=="month"){h=NaN;}else{h=2500;//highenoughtoavoidscrollbars}$('#calendar').fullCalendar('option','contentHeight',h);},lang:'fr',events:[{title:'8présents',start:data[0]},{title:'8excusés',start:data[1]

javascript - 我需要获取有关动态 Google map 的数据并使用 API V3 从中创建静态 Google map

我真正想做的是允许用户使用谷歌地图创建map并保存图像。我尝试通过使用googlemapsapiV3和静态mapapi来解决这个问题。用户可以使用动态谷歌地图进行滚动、缩放等操作,找到自己喜欢的map。然后用户应该按下一个按钮,该按钮从谷歌地图(中心、缩放级别等)中提取数据,该按钮将查询发送到静态谷歌地图api。然后静态googlemapapi将返回可以保存的图像。我有这一切工作*除了它并不总是工作。有时,静态谷歌地图返回的图像与用户在动态map中看到的完全一样。其他时候图像可能会偏离几米(我相信这是因为动态googlemapapi使用比静态api更高的经度和纬度精度),甚至数千公里(

Javascript:确定未知数组长度并动态映射

将尽我所能解释我正在尝试做的事情。我有两个模型,我的模型和我收到的api响应。当项目api响应出现时,我需要将其映射到我的模型并插入所有项目。这当然很简单。这是问题所在,我需要在不知道自己在处理什么的情况下这样做。我的代码将以两个字符串传递,一个是我的模型映射路径,另一个是api响应映射路径。这是两条路varmyPath="outputModel.items[].uniqueName"varapiPath="items[].name"基本上对于apiPath中的所有items,插入myPath中的items并设置为uniqueName归根结底,我的代码不知道何时需要映射两个项目,或者即

javascript - 动态禁用 SVG 元素的触摸操作(过度滚动)

我在Chrome上遇到触摸屏过度滚动的问题。我有一个包含SVG元素的文档,其中包含一些形状,比如一个矩形:现在,我想使矩形可拖动,这意味着我想禁用相应上的各种触摸操作。元素,通过设置它的样式属性touch-action:none.这在除Chrome之外的所有桌面浏览器上都能正常工作。在Chrome上,当我在一个矩形上触摸并移动时,浏览器的过度滚动功能会启动。这会导致浏览器窗口笨拙地移动,以及我在矩形上设置的所有指针事件都被取消。即pointermove注册几分之一秒,然后在过度滚动开始时停止。pointerup即使在触摸被释放时也不会被调用。现在,如果我有一个HTML元素而不是SVG元

c# - 在外部 JavaScript 文件中插入动态值的安全方法

我正在实现ContentSecurityPolicy使用以下策略的headerContent-Security-Policy:default-src'self'因此需要避免内联脚本,因为它不会执行。但是,在MVC应用程序中,某些功能(例如编辑器模板)使用内联脚本。例如tinymce_jquery_full.cshtml包含$(function(){$('#@ViewData.TemplateInfo.GetFullHtmlFieldName(string.Empty)').tinymce({...使用CSP时,在外部.js文件中包含动态值的好方法是什么?我目前的想法是两种方式之一:C#

javascript - 动态缩放堆叠在另一个对象上的对象

我正在使用three.js制作一个项目,用户可以在其中动态更改模型的尺寸。这个问题与thisone非常相似我发布的,但恐怕它不起作用,因为这次我正在处理平面形状的挤压。我遇到问题的代码片段如下:cubeY.onChange(function(value){cube.scale.y=value;cube.position.y=(cubeHeight*value)/2;roof.position.y=(roofHeight*roof.scale.y)/2+cube.position.y*2-roofHeight;});;roofY.onChange(function(value){roof