问题标签 [dynamic-html]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
188 浏览

javascript - javascript 中呈现的表单不接受 Csrf 令牌

我正在尝试通过 django 中的 javascript 呈现表单。我尝试通过堆栈溢出帖子中描述的方式插入 csrf 令牌标记如何在 Javascript 生成的 HTML 表单中包含 Django 1.2 的 CSRF 令牌?但这对我不起作用:/我已经尝试了几个小时来找出原因!

这是我的模板代码:

当我运行代码时,令牌值正在正确显示。但由于某种原因它不接受令牌。请帮忙!

0 投票
1 回答
43 浏览

jquery - 跟踪值以防止通过单击重新创建动态 HTML

我有一个简单的 jQuery.click()函数:

用于驱动 HTML 代码的动态生成:

varval始终是一个整数,并且页面上有一堆。我想要做的是有一些方法来跟踪我所做的点击并防止在每次后续点击时重新创建动态 HTML——我想保留生成的 HTML,呃,生成,即不变,持久和可访问,因为它是在初始点击时生成的。我尝试使用数组来跟踪点击,但无法弄清楚如何利用这些值来防止在第一次点击之后重新创建动态 HTML。我欢迎您在这里提供的任何帮助。

0 投票
3 回答
209 浏览

javascript - Jquery 选择器和事件监听逻辑?

我刚刚开始为我当前的项目学习 Jquery。我对 Jquery 对象的选择器和侦听器感到困惑。

http://api.jquery.com/change/的这个精确副本......我将选择器从“.target”更改为“input”。

但是,没有一个输入元素由 change 事件处理。

我得到这个错误。我很确定有输入名称的元素

“未捕获的类型错误:无法读取空函数的属性‘更改’。js:378(匿名函数)”。

是逻辑有问题还是语法错误。我把错误缩小了这么多,但我仍然没有看到问题?

- - - 编辑 - - -

我测试答案,所有答案都是正确的。当事件处理程序/侦听器通过 jquery 选择器分配给元素时。

当下面的代码执行时

Jquery引擎获取所有输入元素(!!在那个时刻声明并存在的所有输入元素-执行的时刻处理程序-!!)

在那之后,如果生成了新元素,处理程序将无法识别。唯一可以防止这种情况发生的是使用 $(document).ready ,它将在创建整个文档后调用代码。正如@Henrik Peinar、@Chandrika Prajapati、@GZ、@Gaurav、@Mzn 在他们的回答中提到的......

除此之外,就我而言,

我通过使用生成一些输入

文件准备好后使用。这种情况可以有两种方法。

此 foo 元素可以在文档呈现时生成。通过使用

因此,当文档准备好时,jquery 引擎可以读取该元素。并且可以在出现时可见。

或者。

当页面是动态的时,可以再次调用处理程序调用者。这是一个简单但糟糕的解决方案。

0 投票
1 回答
620 浏览

jquery - 动态使用工具提示器 Jquery

我使用 tooltipster 插件作为我的工具提示

现在.tooltip,后来动态添加的不响应tooltip()

现在很多人会说$('.tooltip').tooltip();每次我添加这些元素时都要打电话。但是由于我有数十万个包含.tooltip并从中创建hundrends的元素,functions所以我不能调用$('.tooltip').tooltip();一百次。有没有其他选择?

0 投票
1 回答
3062 浏览

image - AngularJS - 生成动态图像映射

我正在从服务器获取图像映射并尝试使用 ng-bind-html 显示内容。在渲染 AngularJS 时,会从地图标签中移除name属性。因此,用户点击对地图没有影响。

此示例代码。

0 投票
2 回答
1936 浏览

javascript - JavaScript:动态注入和删除 html 页面

我正在开发一个 Phonegap/Cordova 应用程序并遇到严重的性能问题。我正在研究一个教程,作者建议使用 JavaScript 动态创建 html 页面。

这是教程的链接: http: //coenraets.org/blog/phonegap-tutorial/

向下滚动到第 4 部分:“单页应用程序是存在于单个 HTML 页面中的 Web 应用程序。当用户在应用程序中导航时,应用程序的“视图”会根据需要注入到 DOM 中并从 DOM 中删除。

我了解创建部分,但是如何从 DOM 中删除页面???

Christopher Coenraets 的代码:

初始化函数:

我没有看到任何在渲染 HomeView 后删除它的函数。

请帮我解决这个问题,因为我已经研究了好几天了

0 投票
2 回答
101 浏览

javascript - 如何使用 jquery 选择给定类的第一个元素?

这是一个调试问题。我已经用谷歌搜索了这个地狱,查看了关于 first() 选择器的 jQuery 文档,并阅读了大量的堆栈溢出帖子,但我根据该研究所做的调整都没有奏效。

目标:在下面的代码片段中,我试图从使用 jquery 在 document.ready() 事件顶部添加到 dom 的一系列 div 中的第一个中删除“隐藏”类。

问题:由于某种原因,当我使用 first() 选择器时,所有问题都保持隐藏状态。当我不使用它时,正如预期的那样,所有的问题都会暴露出来。这些 div 是动态添加的,使用带有“问题”和“隐藏”类的 jQuery。

上面的代码片段出现在我附加的示例代码的第 50 行。这些类的声明出现在第 30 行。

0 投票
2 回答
36438 浏览

angularjs - 使用AngularJS单击事件添加的动态内容不适用于添加的内容

我这周刚开始为一个新项目使用 AngularJS,我必须尽快赶上进度。

我的要求之一是动态添加 html 内容,并且该内容可能有一个点击事件。

所以我下面的代码Angular代码显示了一个按钮,当点击时,它会动态添加另一个按钮。单击动态添加的按钮,应该添加另一个按钮,但我无法让 ng-click 处理动态添加的按钮

<button type="button" id="btn1" ng-click="addButton()">Click Me</button>

工作代码示例在这里 http://plnkr.co/edit/pTq2THCmXqw4MO3uLyi6?p=preview

http://plnkr.co/edit/pTq2THCmXqw4MO3uLyi6?p=preview

0 投票
0 回答
342 浏览

javascript - 格式化脚本运行后创建的动态形成的 HTML 元素

所以这实际上是一个非常棘手的概念,所以这是我的尝试。

我正在使用 LANDesk Service Desk 中的 HTML 表单模板 - 工具无关紧要,但重要的是要注意,我无法触及生成 HTML 的后端代码。

所以基本上,该工具是从包含对象列表的后端数据库中提取数据。然后,它将这些数据输入到我创建的 HTML 表单模板中,该模板使用变量作为对象的占位符。然后动态构建 HTML,无论数据库中有多少对象。因此,我无法访问head- (这意味着本机 JS 和内联 CSS)。

我的模板看起来像这样......

当我在加载的页面上查看源代码时,它看起来像这样......

所有元素都按照我希望它们的格式设置...除了每页上的最后一个元素。我已经确定这是因为每次工具通过模板运行对象时,它都在运行脚本。问题是,他们将一个愚蠢的默认按钮放置在每个损坏的对象的底部。(这就是为什么我让脚本更改要显示的样式:无..应该在前面提到这一点)。基本上我想延迟脚本的执行,直到不仅对象已经通过模板运行......而且整个页面已经加载......但我似乎无法让最后一个按钮消失。

我知道这是很多写得很糟糕的文字试图形成解释,但我真的认为这是不可能的……但我相信必须有办法。(此外,该公司没有为我们提供任何帮助来寻找解决方法,所以我不得不基本上是 MacGyver 这个

0 投票
1 回答
1114 浏览

javascript - 使用 AngularJS 解析 HTML 片段

我有一个通过 AJAX 动态检索的屏幕的一部分,并替换了现有的部分(考虑一个分页网格,当您单击“下一步”时,您将获得一个新的 HTML 表而不是替换当前的)。该片段可能包含 AngularJS 绑定,例如一些需要附加的指令或次要数据绑定。

有没有办法让 AngularJS 解析那个新片段而不重新解析整个文档?