append追加的html中富文本失效,jquery append 动态添加的元素事件on 不起作用的解决方案...

用jquery添加新元素很容易，面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢？on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delete)。

具体不多说了，请看下面的代码吧。

测试

$(function(){

//动态添加

$(".add").on("click",function(){

console.log("进来了");

$(".info").append('

单击我来删除我

');

});

//对动态添加的元素添加事件-删除

$(".info").on("click",".delete",function(){

console.log("进来了Delete！");

$(this).remove();

});

单击我添加动态元素

以上代码就是本文对jquery append 动态添加的元素事件on 不起作用的解决方案，希望对大家学习有所帮助。

append追加的html中富文本失效,jquery append 动态添加的元素事件on 不起作用的解决方案...相关推荐

jquery append 动态添加的元素事件on 不起作用的解决方案
用jquery添加新元素很容易,面对jquery append 动态添加的元素事件on 不起作用我们该如何解决呢?on方法中要先找到原选择器(如例.info),再找到动态添加的选择器(如列.delet ...
jQuery给动态添加的元素绑定事件的方法
jquery中绑定事件一般使用bind,或者click,但是这只能是对已经加载好的元素定义事件,那些后来添加插入的元素则需要另行绑定.在1.7版本以前使用live.但是在1.8版本以后推荐使用on.这 ...
jQuery 为动态添加的元素绑定事件
在使用jquery的方式为元素绑定事件时,我经常使用bind或者click,但这只能为页面已经加载好的元素绑定事件.像需要用ajax的方式请求远程数据来动态添加页面元素时,显然以上几种绑定事件的方式是 ...
php动态删除输入框,jQuery实现动态添加和删除input框实例代码
本文实例为大家分享了jQuery实现动态添加和删除input框的具体代码,供大家参考,具体内容如下选项 $(function(){ // 添加选项 $("#opbtn").cli ...
动态添加html元素绑定事件,关于javascript：jQuery如何将onclick事件绑定到动态添加的HTML元素...
本问题已经有最佳答案,请猛点这里访问. 我想将onclick事件绑定到用jquery动态插入的元素但它从不运行绑定函数.如果您能指出这个示例为什么不起作用,以及如何使它正常运行,我将非常高兴: /p ...
html页面forEach用法,jQuery教程之使用模板动态添加html元素，相当于jstl里的foreach...
本篇文章探讨了jQuery教程之使用模板动态添加html元素,相当于jstl里的foreach,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入. < 1.开发的时候有时候要循 ...
jQuery EasyUI动态添加控件或者ajax加载页面后不能自动渲染问题的解决方法
博客分类: jquery-easyui jQueryAjax框架HTML 现象: AJAX返回的html无法做到自动渲染为EasyUI的样式.比如:class="easyui-layout ...
html 元素响应,jQuery动态添加html元素后，响应事件的问题记录
var li = " " + "" + // 缩略图点击部分 index='" + i + "' "" + " ...
解决使用jQuery采用append添加的元素事件无效的方法
当我们使用jQuery动态加载html元素,但是元素上面又绑定了Click等事件,针对新添加的元素这些事件是无效的,那么应该怎样解决呢? live方法 live( type, fn ) jQuery ...
html追加没有样式,js/jquery动态添加html，样式和方法不生效的解决方案
var html = " " + " " + " \n" + " \n" + " \n" + &qu ...

append追加的html中富文本失效,jquery append 动态添加的元素事件on 不起作用的解决方案...

单击我来删除我

单击我添加动态元素

append追加的html中富文本失效,jquery append 动态添加的元素事件on 不起作用的解决方案...相关推荐

最新文章

热门文章