HTML中关于动态创建的标签无法绑定js事件的解决方法：.on()方法的 [.selector]

在前端页面的时候,会经常遇到用JavaScript动态创建出来的Button按钮或其他标签无法使用点击事件的问题.如下代码,使用jquery在body中动态创建一个class为demo的Button按钮,当点击这个按钮时无法触发点击事件. <script> $(function(){ $("body").html("<button class='demo'>按钮</button>"); $(".demo").c…

JavaScript动态创建script标签并执行js代码

超链接标签绑定JS事件&&不加"javascript:;"导致的杯具

很久以来,在写Html和JS时,经常会给超链接<a>标签,绑定JS事件. 我们经常看到这样的写法,<a href="javascript:;" onclick="doAction()" >Click</a>. 我原来一直有个疑问,干嘛非要加上"javascript:;" .原来,我很"老实",每次都会加上.今天,又手敲了类似的代码,本着"老子就是不加,你咬我"的得瑟心态,…

javascript动态创建script标签,加载完成后调用回调

代码如下: var head = document.getElementsByTagName('head')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.charset = 'GBK'; script.onload = script.onreadystatechange = function() { if (!this.readyState || this.r…

jquery 动态创建的元素，绑定事件无效之解决方法

今天遇到一个问题,动态创建的元素,绑定事件无效,如下: js 代码如下: var OaddX = $('.detright div.duibi div.duibox ul li span'); // 所有的X; var Ojiaru = $('.detright div.duibi div.duibox div.tiao li button'); // 添加新车对比按钮 OaddX.on('click',function(){ var OspanX = $('.detright div.duib…

js进阶---12-11、jquery如何给动态创建出来的元素绑定事件

js进阶---12-11.jquery如何给动态创建出来的元素绑定事件一.总结一句话总结:通过事件委托的方式,通过on方法 1.on方法在事件绑定的时候,data方式带额外参数时,字符串参数和其它参数的使用不一样,为什么? 因为字符串参数默认会被当成动态生成元素的事件绑定方法,所以需要在前面添加参数null. 64 $('#btn1').on('click',null,'div',function(e){ 65 alert('事件绑定'+e.data) 66 }) 对比一下额外参数的json…

Java中如何动态创建接口的实现

有很多应用场景,用到了接口动态实现,下面举几个典型的应用: 1.mybatis / jpa 等orm框架,可以在接口上加注解进行开发,不需要编写实现类,运行时动态产生实现. 2.dubbo等分布式服务框架,消费者只需要引入接口就可以调用远程的实现,分析源代码,其实在消费端产生了接口的代理实现,再由代理调用远程接口. 3.spring aop 这是最典型的动态代理了. 创建接口的动态实现,有二种最常用的方式:JDK动态代理和CGLIB动态代理. 代理模式是一种常用的设计模式,其目的就是为其他对象提…

C# 中的动态创建技术

[转载]原文出处 http://blog.csdn.net/baiyun789/article/details/6156694 第一部分 WinForm控件在窗体中动态居中创建.删除控件及对其赋值一.以lable为例: 在Form中放一个控件,让其在启动和动态改变窗口大小时始终居中 intgLeft=this.Width/2-lable1.Width/2; //this指Form intgTop=this.Height/2-lable1.Height/2; lable1.Location=n…

Python 中使用动态创建类属性的机制实现接口之后的依赖

我们在自动化测试中经常会需要关联用例处理,需要动态类属性: 推荐使用第二种方法: 创建:setattr() 获取:getattr() 两种,如何创建类属性 loan_id # 第一种,创建 # 类名.属性名 = 具体的属性值 Context.loan_id = mysql_data.get('Id') # 动态创建类属性 # 第二种,创建 setattr(译:赛特attr) # 如果第一个参数为实例对象, 那么将会为这个实例对象, 创建实例属性 # 如果第一个参数为类, 那么将会创建类型属性…

ThinkPHP框架下，给jq动态添加的标签添加点击事件移除标签

jq移除标签主要就是$("#要移除的id").remove();不再赘述,这里要提醒的是jq中动态添加标签后怎样添加点击事件.一般的jq添加点击事件是用这种方法$("#id").click(function(){ 点击发生后的事件 });,你动态添加的标签用刚才的写法是没有反应的,这时候就要用live重新绑定一下click点击事件,$("#id").live('click',function(){ 点击后事件 });.…

pyqt动态创建一系列组件并绑定信号和槽(网友提供学习)

# -*- coding: utf-8 -*- # python:2.x __author__ = 'Administrator' #如上图要求:创建指定多个复选框,一种是通过QT设计器Designer,这种是在知情的情况下.另一种是通过配置文件读出来,或者从数据库中取出来,还有其他情况就需要动态创建 #思路是循环列表,创建对象,插入布局,进行信号槽绑定和处理信号,通过sender()方法来获取那个对象发出的信号 from PyQt4.Qt import * from PyQt4.QtCore …

JS动态添加的标签无法绑定事件解决方案~~~

今天用ajax实现动态插入数据时发现监听一直不起作用,一样的代码,非动态的就可以监听实现这是困扰了我近一个小时的bug,后面才理解到可能是动态插入导致的! 看了看网上的解决方案,似乎都不太通俗,讲的也不周全,记录一下,这是成长的印记! 废话不多说,直接看问题上方案! <tbody> <tr> <th><a href=""></a></th> </tr> </tbody> //如上述代码中t…

js动态创建的select2标签样式加载不上解决办法

js动态创建的select2标签样式加载不上:调用select2的select2()函数来初始化一下: js抛出了Uncaught query function not defined for Select2 undefined这个错误: 问题是因为select2的class选择器和其他的标签冲突了,因此抛出了错误.我更改了我的选择器...... 具有特定的标记名称select”: $('select.form-select').select2();…

Sumblime Text3中使用vue-cli创建vue项目，代码不高亮，解决

问题如下:在Sumblime Text3中打开vue-cli常见的项目,代码一片灰色解决如下: 第一步:下载文件Vue components 链接 GitHub - vuejs/vue-syntax-highlight: Sublime Text syntax highlighting for single-file Vue components 第二步:找到Sumblime Text3 在Packages中新建Vue: 第三步:在下载的Vue components文件中,,把下面的4个文…

JS中的函数、Bom、DOM及JS事件

本期博主给大家带来JS的函数.Bom.DOM操作,以及JS各种常用的数据类型的相关知识,同时,这也是JavaScript极其重要的部分,博主将详细介绍各种属性的用法和方法. 一.JS中的函数 [函数的声明及调用] 1.函数声明的格式: function 函数名(参数1,参数2,参数3,--){//函数体 return 结果; } >>>函数的调用格式: 直接调用:函数调用的格式:函数名(参数一的值,参数二的值,--): 事件调用:事件名=函数名( ); 2.函数声明的几点强调: ①函数名…

关于动态添加的html元素绑定的事件不生效的解决办法

1.可以通过行内添加事件的方法,比如onclick="fn()"; 在js中写好方法名对应的方法就可以了,如果绑定方法的元素太多 2.jquery的on事件绑定 //on事件可以给动态添加的元素也绑定事件. $("#content").on('click','li',function () { console.log("aaa") var num = $(this).parents("group").index(); cons…

jquery无法为动态生成的元素添加点击事件的解决方法

遇到 jquery无法为动态生成的元素添加点击事件,谷歌一下,整理一下解决方法如下: (<li>中间的元素是动态生成的), 现在想为<i>添加点击事件, 例子如下: <div> <ul> <li> <span> <i class='icon'>这是元素内容</i> //i是动态生成 </span> </li> </ul> </div> 解决方法如下: $(docu…

WPF 中，动态创建Button，并使Button得样式按照自定义的Resource样式显示

第一步:自定义一个Button的样式 1.新建一个xaml文件,在其中自定义好自己的Resources 这个Resource 的根节点是 <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"></ResourceDictio…

MFC 对话框中动态创建N级菜单以及响应事件

创建一个基于对话框的工程,工程名为CreateMenu 为该对话框增加一个文件菜单项和测试菜单项,如下图所示测试菜单项至少要有一个子菜单项在对话框属性中关联该菜单在resource.h中增加一个ID_TESTMENU宏 #define ID_TESTMENU 5000 在对话框中添加一个Button按钮,建立消息映射,编辑代码如下 void CCreateMenuDlg::OnButton1() { // TODO: Add your control notifica…

在vue中如何动态修改title标签的值

建议用vue-wechat-title插件为微信动态设置标题 1,首先安装插件 cnpm install vue-wechat-title --save 2,在main.js中引入 Vue.use(require('vue-wechat-title')) 3.在路由里添加mate.title属性例此时的标题应该是:--的店铺 4.在App.vue文件里添加如下代码: <div v-wechat-title="route.name"></div> 这时的标题就会…

jquery中对动态生成的标签响应click事件（二）…与ajax交互使用

<%@ page language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">…

jquery中对动态生成的标签响应click事件（一）

参考自:http://my.oschina.net/lishixi/blog/31612 <%@ page language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "h…

在Delphi中如何动态创建dbf数据库（二）？

unit Form_ToChangCSVforDBFU; interface uses Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms, Dialogs, Menus, ComCtrls, DB, DBTables, Grids, DBGrids, ExtCtrls, StdCtrls; type TForm_ChangCSVToDBFF = class(TForm) PopupMenu1: TP…