html动态添加的button事件失效

2024-09-06

JQuery 动态加载 HTML 元素时绑定点击事件无效问题

问题描述假设项目中有一个列表页面,如下: 当点击列表一行数据可以显示详情页面,而详情页面的数据是根据当前行的数据作为参数,通过 ajax 请求到后台返回的数据,再根据返回的结果动态生成 html 页面,如下: 但是,在动态生成的 html 页面中绑定点击事件运行无效问题分析在动态生成的 html 页面中绑定点击事件运行无效的原因,是因为这些动态加载的 html 页面(图二),是在列表数据页面(图一)的 html 元素.css.js 代码加载完后,再添加的 html 元素. 在浏览器解析到图

后台动态添加的button，如何触发button_click事件？

后台动态添加的button,需要在Page_Load或者Page_Init重新动态生成才能执行button_click public Panel GetContrlType() { Panel panel = new Panel(); Button btnsearch = new Button(); btnsearch.Text = "查询"; btnsearch.ID = "btnsearch";btnsearch.Click += new EventHandle

[转]jquery append 动态添加的元素事件on 不起作用的解决方案

用jquery添加新元素很容易,面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢?on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delete). 具体不多说了,请看下面的代码吧. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <h

jquery append 动态添加的元素事件on 不起作用的解决方案

用jquery添加新元素很容易,面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢?on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delete). 通俗的说就是在谁上面append就用谁做父级. 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&qu

jquery mobile Checkbox动态添加刷新及事件绑定

jquery mobile Checkbox动态添加刷新及事件绑定在微信项目中,涉及到一个多选功能.数据来自后台数据库,需要动态加载. 项目结构:微信api+web app.使用jquery mobile框架和jquery mobile ui. ui我使用的是扁平化样式,大家可以这里查看.[jquery mobile扁平化设计样式--Jquery mobile Flat UI介绍] 本来想做这个效果的,可惜没有时间研究出来. 先将就用了这个效果: 思路: Ajax(使用的是Webmethod)

用jquery添加新元素很容易，面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢？

用jquery添加新元素很容易,面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢?on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delete). 代码: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <h

关于动态生成dom绑定事件失效的原因

之前做项目都是直接用jquery的bind绑定事件,不过当时都不是动态生成dom元素,而是已经页面中原本存在的dom元素进行事件绑定,最近在测试给动态生成的dom绑定事件的时候发现事件失效,于是就测试了一下: 1.事件失效的原因:(1)bind事件绑定只对dom中存在的元素有效,对于我们后来动态增加的元素是监测不到,所以绑定不了 (2)同样,当你使用var aa = document.getElementsByTagName("动态生成的元素");来获取动态生成的元素的时候也是获取不到

jquery动态添加列表后样式失效解决方式

最近在做一个通讯录,使用jquery mobile方式来做,在动态添加列表后,listview原有的样式失效,折腾一会,找出解决办法.代码如下. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE> <html> <head> <meta http-eq

jquery append 动态添加的元素事件on 不起作用问题的解决

on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delete). 不多说看成功代码(注意加粗加色): <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type

EventTrigger动态添加监听事件

在 Unity3D 中,通过拖拽的方式在 EventTrigger 组件中添加监听事件就不多说了,很简单.这里主要说的是通过代码动态往 EventTrigger 组件中添加监听事件,有个很坑的地方,就是通过代码添加的事件,在 inspector 视图中只会显示已经为对象添加了监听事件,但具体监听事件的函数并不显示. 首先需要引用两个程序集: using UnityEngine.Events; using UnityEngine.EventSystems; 代码如下: using UnityE

【Unity】用代码给按钮动态添加点击事件

问题:多数情况下用UGUI的Button控件身上的OnClick()列表可以指明该按钮点击后触发的回调.现在想要调用自定义脚本里的方法,当这个脚本挂在Button所属的Canvas身上时,传入Canvas的引用虽然可以正常调用,但如果要把这个Button所属的物体作为预制体时,不知为何预制体无法保存Canvas的引用,于是考虑通过代码来给按钮添加点击回调. using UnityEngine; using System.Collections; using UnityEngine.UI; ///

解决jquery动态创建元素绑定事件失效问题

存在问题在我们使用jquery动态创建元素后往往会遇到一些问题,如: 给.button按钮绑定了点击时间,执行alert:(1); 点击事件代码如下: <script>$("#add").click(function(){ var btn='<input type="button" class="button" value="del" >'; $("#box").html(btn)

winfrom_动态添加按钮button（设置颜色，大小，按钮字体大小、颜色，位置，事件）

List<string> strColor = new List<string>(); strColor.Add("#e67817"); strColor.Add("#449284"); strColor.Add("#974478"); strColor.Add("#996666"); strColor.Add("#ffcccc"); strColor.Add("#9999

Jquery 页面元素动态添加后绑定事件丢失方法,非 live

代码1: 以此方法绑定的input框事件,在通过add按钮后用jquery绑定的事件 alert就会丢失 <input type="button" value="Add" name="test_but" /> <div id="test_div"><input name="test_input"/></div> <script> $('input[

Flask ajax 动态html 的javascript 事件失效

$('.db_edit').click(function(){ $(".editdbproduct").val($(this).parent().parent().find('.editdb_product').text()); $('.editdbserver').val($(this).parent().parent().find('.editdb_host').text()); $('.editdbname').val($(this).parent().parent().find

关于 js 动态生成html 绑定事件失效的问题

在实际问题中,也只到使用新版jq 的on 事件进行动态元素的绑定: 是这样 (但是依然没有效果——): $('dom节点').on('click',function(){}) 之后经过查阅发现:正确的写法应该是: $(document).on('click','dom节点',function(){}); 经测试有效果!!!!^.^

js实现动态添加事件

js实现动态添加事件一.实例描述前一个案例讲了如何在网页中动态添加元素,有时候我们需要添加事件.本例学习如何动态的为元素添加事件. 二.截图三.代码 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <title>课堂演示</title> <style type="text/css"

jquery append 动态添加的元素绑定事件on

用jquery添加新元素很容易,面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢?on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delete). 具体不多说了,请看下面的代码吧. <!DOCTYPE html"> <html> <head> <meta charset=UTF-8"> <title>测试</title> <script type=&

JavaScript自定义事件，动态添加属性

根据事件的不同,可用的自定义方法也不同. document.createEvent('Event'); 实现主要有4个步骤: 1.创建事件. 2.初始化事件(三个参数:事件名,是否起泡,是否取消默认触发) 3.监听事件 4.触发事件 var Evt = document.createEvent('Event');//创建一个事件 Evt.initEvent('inputChangeEvt', true, true);//初始化事件,给定事件名字 window.addEventListener('

Linux 静态和动态添加路由

(一)静态添加 1/5 首先让我们查看当前机器的路由表,执行如下命令:route -n [root@vnode33 network-scripts]# route -n Kernel IP routing table Destination Gateway Genmask Flags Metric Ref Use Iface eth0 eth0 eth1 virbr0 2/5 然后我们确认当前工作的网卡,这里我们使用的是eth1. 补充:如果机器中存在多块网卡,我们可以为不同网卡指定不同的静

Elastic-Job:动态添加任务,支持动态分片

多情只有春庭月,犹为离人照落花. 概述因项目中使用到定时任务,且服务部署多实例,因此需要解决定时任务重复执行的问题.即在同一时间点,每一个定时任务只在一个节点上执行.常见的开源方案,如 elastic-job . xxl-job .quartz . saturn. opencron . antares 等.最终决定使用elastic-job.elastic-job的亮点主要如下: 基于quartz 定时任务框架为基础的,因此具备quartz的大部分功能使用zookeeper做协调,调度中心,

html动态添加的button事件失效

热门专题