使用 JQuery ajax 在 DOM 操作后附加事件

2024-01-30

如何使用 ajax 响应操作 dom 后附加所有事件。我有一个ajax请求,它得到一个html响应,它基本上是html的一个片段。该 HTML 片段有很多按钮。我想刷新 dom,以便先前声明和附加的事件也应用到该片段中。我不想继续使用 jquery on() 为每个按钮添加每个事件。还有什么办法呢?


您可以使用提前设置的委托事件处理,并将其应用于新添加的 DOM 元素。委托事件处理是通过.on()一般采用以下形式:

$("static parent selector").on('click', 'selector for dynamic element', fn);

没有干净的方法可以再次运行事件安装代码并使其仅应用于新添加的 DOM 元素。您必须将该代码放入一个函数中并对其进行编码,以便它永远不会多次添加事件处理程序,然后您可以在将项目添加到 DOM 后再次调用该函数。或者,您可以使该函数采用父对象的参数,并且仅在新添加的 DOM 层次结构中添加事件处理程序。

这是关于委托事件处理的另一个相关答案:jQuery.on() 是否适用于创建事件处理程序后添加的元素? https://stackoverflow.com/questions/9814298/does-jquery-on-work-for-elements-that-are-added-after-the-event-handler-is-cre/9814409#9814409

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 JQuery ajax 在 DOM 操作后附加事件 的相关文章

随机推荐

  • 外部声明中的警告

    我在 temp2 h 中声明了一个变量 iextern i 其中仅包含上面一行 并制作了另一个文件 温度3 c include
  • Chrome 扩展的 chrome.tabs.onCreated 和执行脚本不起作用

    我正在尝试在新选项卡监听器的另一个外部页面内执行一些脚本 背景 js function onCreatedChrome chrome tabs onCreated addListener function tab if tab url in
  • 在 PDF 中搜索会过多增加应用程序的内存使用量

    我注意到 当我在大型 PDF 中搜索时 应用程序的内存使用量会增加 因为 PDFKit 正在执行一些内部搜索缓存 有什么办法可以控制这个缓存大小吗 就我而言 搜索完成后缓存内存会增加超过 500 MB 为了在 PDF 文档中进行搜索 我使用
  • 如何使用 MQTT Paho 在 RabbitMQ 队列中订阅

    我正在尝试从我的 Android 应用程序连接到一个名为 消息 的队列 生产者 AMQP 协议下的一种 Web 服务 已连接 可以通过 RabbitMQ 管理面板进行检查 为了从我的 Android 设备进行连接 我正在这样编码 priva
  • 执行 INNER JOIN 时出现重复结果

    我有 2 个简单的表 我想用它们执行 INNER JOIN 但问题是我得到了重复的结果 对于列 str1 和 str2 CREATE TABLE A Id INT str1 nvarchar 50 str2 nvarchar 50 inse
  • 如何设置 Cordova?

    我在 Visual Studio 中开始使用我的第一个 Cordova 应用程序时遇到一些问题 当我创建一个新的 Cordova 项目时 我会看到一个页面 其中显示 我们检测到您的系统环境配置存在问题 它列出了需要安装的 3 个东西 And
  • 将多个值附加到字典会附加“无”

    我尝试将列表添加到字典键 但是当我附加值时 它返回该值None 我也尝试过collections defaultdict list 没有成功 Code text ABBBAACCCCAABBCCCCAABCBCBCABCCCA chain
  • mysql 从其他表中选择 id 和名称并连接查询

    我有 2 个名为项目和任务的表 在项目表中我有 id name 1 some 在任务表中我有 id name project id 1 some 1 现在 我如何从任务表中选择 并通过表任务中的 project id 从项目表中获取 名称
  • 按钮中的不同文本大小

    我想创建一个按钮 该按钮包含一个大小为 22 像素的字母以及其右侧的一些大小为 16 像素的字母 Like this 我怎样才能实现这个目标 目前我有这个 private void setText Button btn String tex
  • C# 将 UTC int 转换为 DateTime 对象

    我不知道为什么这么复杂 我有一个传递 long int UTC 的插件 我需要将该数字转换为DateTime查询我的数据库 SQL Server 我不知道为什么 但我无法从基本的谷歌搜索中找到可行的答案 为了获得额外的学分 我需要将退回的D
  • 在 ReportExecution2005.asmx SSRS 服务上调用 Render 方法时,snapshotID 参数类型不匹配

    我正在尝试使用具有 MSSQL 2012 后端的 SSRS 2012 服务器上的 ReportExecution2005 asmx 服务端点将报告呈现为 PDF 当我在 Web 服务上调用 Render 方法时 出现以下错误 为 snaps
  • 为什么factory-boy中RelatedFactory变量的命名会影响工厂的执行/实例化?

    当我命名相关工厂变量时pv something 工厂要等到post generation方法 当我将变量重命名为param val something他们将在之前运行post generation method 在下面的代码中 Relate
  • ActionController::Metal 需要什么模块才能传递状态代码进行渲染?

    我有一个使用 ActionController Metal on Rails 4 1 6 的 Api 控制器 如下所示 class Api lt ActionController Metal include AbstractControll
  • Swift:上下文类型“AnyObject”不能与字典文字一起使用

    我在构建这本词典时遇到困难 我的代码如下所示 var array String let params String AnyObject presentation array array current index 0 错误显示在第一行 pr
  • Math.round 的实施速度更快?

    这段代码有什么缺点吗 它似乎是更快 并且正确 的版本java lang Math round public static long round double d if d gt 0 return long d 0 5d else retur
  • Spark 2.3 AsyncEventQueue 错误和警告

    我正在运行内存密集型代码 其中创建了一个管道 其中包括 使用 Shimazaki 和 Shinomoto 的 Bin Width 算法找到最佳的 bin 值数量 通过使用上面找到的相应 bin 值对同一列进行分桶来创建新列 通过 8 个顺序
  • 类型安全的矩形多维数组类型

    你如何代表一个矩形的Scala 中的二维 或多维 数组数据结构 也就是说 每行的长度相同 编译时验证 但是尺寸是在运行时确定的 Seq Seq A 具有所需的接口 但它允许用户提供 参差不齐 的数组 这可能导致运行时失败 Seq A A A
  • 如何在 ASP.NET 应用程序中有效地缩放和裁剪图像?

    我们在使用允许用户上传和裁剪图像的 ASP NET 应用程序时遇到问题 之后图像全部缩放为固定尺寸 当处理大文件时 我们基本上会耗尽内存 看来 JPEG 的处理效率相当低 我们正在使用 System Drawing BitMap 您有什么一
  • Windows Phone 8 模拟器网络问题

    首先 我承认我是Windows Phone 8应用程序的新手 所以不要对它评价太低 所以请原谅我 我已经创建了 WCF 服务 我得到了结果 但是当我在 Windows Phone 中运行时 它返回错误 System ServiceModel
  • 使用 JQuery ajax 在 DOM 操作后附加事件

    如何使用 ajax 响应操作 dom 后附加所有事件 我有一个ajax请求 它得到一个html响应 它基本上是html的一个片段 该 HTML 片段有很多按钮 我想刷新 dom 以便先前声明和附加的事件也应用到该片段中 我不想继续使用 jq