博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery 关于使用 append 追加 元素后 事件无法触发
阅读量:6035 次
发布时间:2019-06-20

本文共 726 字,大约阅读时间需要 2 分钟。

当在使用js或jQuery创建元素时,用 on(事件,function(){代码}) 或者 事件(function(){代码 })绑定事件时

在使用append添加元素后 由于是在页面加载完成之后进行的元素添加,所以事件不会触发(个人理解,不对勿喷)

 

这时我们需要给元素绑定事件

  解决方案1: on绑定

    $("父级元素").on("事件","当前元素",function(){

      巴拉巴拉......... 

    })

   如果 父级元素 还不行 就用 $(document).on("事件","当前元素",function(){})       $('body') .on("事件","当前元素",function(){}) 

  例子:

 

  $("#box").on("click",".div-img",function(){
  thisdom = this;
  var isclil = this.children;
  if(isclil.length==0)
  {
  ifile.click(function(){
 
      });
    }
  })
 
 
  解决方案2:委托,其实和on差不多
    
$("父级元素").delegate('自己元素', '事件', function () {         巴拉巴拉....   }); 例子:
$(".createDiv").delegate('agin', 'clik', function () {         alert(3);   });

 

转载于:https://www.cnblogs.com/liubaojing/p/8383960.html

你可能感兴趣的文章
解决https://localhost:1158/em 页面无法打开的问题
查看>>
[Cocoa]深入浅出Cocoa之Core Data(4)- 使用绑定
查看>>
原理:什么是Quadtrees?(转)
查看>>
记:返回方法参数的值(或多个值),
查看>>
Effective C++ 的52个条款列表
查看>>
c#读取ini文件
查看>>
一阶微分方程的求解
查看>>
其它 Helper
查看>>
监控利器Prometheus初探
查看>>
foreach遍历打印表格
查看>>
Oracle笔记(中) 多表查询
查看>>
Delphi 中的 XMLDocument 类详解(5) - 获取元素内容
查看>>
差异分析定位Ring 3保护模块
查看>>
2013年7月12日“修复 Migration 测试发现的 Bug”
查看>>
vim文本编辑器详解
查看>>
学习vue中遇到的报错,特此记录下来
查看>>
CentOS7 编译安装 Mariadb
查看>>
32位系统和64位系统的选择
查看>>
01配置管理过程指南
查看>>
jstl格式化时间
查看>>