8/10 动态生成元素的事件绑定

1.7之前可使用 live ()

$("tbody>tr>td:nth-child(1)").live("click",function(){
        var zState;
        if($(this).find(" .zMore").hasClass("fa-plus"))
        {
            zState=true;
        }
        else if($(this).find(" .zMore").hasClass("fa-minus")){
            zState=false;
        }
        var xx = $(this);
        $(this).moreInformation({
            obj:$(this).parent(),
            state:zState
        });
    });//详情面板

1.7以后live()被删除可使用on绑定

$(document).on("click","tbody>tr>td:nth-child(1)",function(){
        var zState;
        if($(this).find(" .zMore").hasClass("fa-plus"))
        {
            zState=true;
        }
        else if($(this).find(" .zMore").hasClass("fa-minus")){
            zState=false;
        }
        var xx = $(this);
        $(this).moreInformation({
            obj:$(this).parent(),
            state:zState
        });
    });//详情面板
时间: 2025-01-11 18:52:44

8/10 动态生成元素的事件绑定的相关文章

jquery动态生成元素的事件绑定

<html> <head> <meta charset="utf-8"> <meta name="view" content="width=device-width;user-scalable=no;initial-scale=1.0"> <script src="jquery.js"></script> <style> .image-host

HTML中动态生成内容的事件绑定问题【转载】

转自 http://www.hitoy.org/event-binding-problem-of-dynamically-generated-content.html 由于实际的需要,有时需要往网页中动态的插入HTML内容,并在插入的节点中绑定事件处理函数.我们知道,用Javascript向HTML文档中插入内容,有两种方法,一种是在写HTML代码写入JS,然后插入到文档中:另外一种是通过ajax的方式,从服务器获取数据,然后用js把获取的数据经过处理后插入文档中:两种方法各有特点,本文将分析新

jQuery1.9之后使用on()绑定 动态生成元素的 事件无效

来自互联网: 需要绑定a的父级元素(此元素必须为静态元素,不是后来动态生成的),然后设定on()方法的selector参数才行: $('p').on('mouseenter', 'a', function(){ //.............. }); 也就是说<p>元素必须为页面加载的时候就有的,不是动态生成的.这样才行.

动态生成元素动作绑定,jquery 1.9如何实现

1.7后增加了 live()1.9后被移除了 网上说可以用 on() 代替 可以实际在动态生成元素上绑定动作,没效果,求解绝方法(用低版本的jQuery这种方法,求别说..) 答: 之前有老兄回答过类似这个问题,我把他的写法给你贴一下吧: 你应该使用 on 事件进行绑定,这样新插入的元素就可以触发点击事件了.http://api.jquery.com/on/ $(function(){ $("body").on("click", '.a', function(){

layUi 模板引擎动态创建元素之后,绑定的事件无效了;

模板引擎动态创建元素之后,绑定的事件无效了: layUi 模板引擎动态创建元素之后,绑定的事件无效了: 可以在 模板引擎成功后  注册事件 原文地址:https://www.cnblogs.com/lpp-11-15/p/12264046.html

jquery访问动态生成元素

最近在做留言板过程中 ,遇到一个问题:通过jq动态生成的元素无法绑定事件,上网 查资料得知,动态生成元素需要通过事件代理来实现 这里直接介绍我采用的on()方式实现 : jQuery引入了全新的事件绑定机制,on()和off()两个函数统一处理事件绑定.因为在此之前有bind(), live(), delegate()等方法来处理事件绑定,jQuery从性能优化以及方式统一方面考虑决定推出新的函数来统一事件绑定方法并且替换掉以前的方法. on(events,[selector],[data],f

JavaScript之jQuery-10 T-Query(T-Query、基本选择器、T-Query对象、操作方法、创建元素、事件绑定)

一.T-Query DOM 的使用问题 - 在 JavaScript中使用 DOM解析并操作 HTML 元素 - W3C 指定的 DOM 规范不仅适用于解析并操作 HTML 页面,还适用于解析并操作XML文件 - 使用 DOM 解析并操作 HTML页面中元素代码并不简洁 - 如果实现逻辑过于复杂的话,还可能影响 HTML页面的性能 - 我们可以通过自定义的T-Query完成对一些操作的封装,将基本操作进行简化 - T-Query功能大体如下: - 创建$全局对象,并提供工厂函数 - 使用$(ex

JQuery中动态生成元素的绑定事件(坑死宝宝了)

今天在做项目的时候,遇到了一个前端的问题,坑了我好长时间没有解决,今天就记录于此,也分享给大家. 问题是这样的,首先看看我的界面,有一个初始印象: 下面是操作列所对应的JS代码: { "data": function (datas) { return "<a data-url='/Device/Edit?id=" + datas.Id + "' data-toggle='modal' class='btn btn-sm btn-default btn

jquery生成元素注册事件无效,及事件委托的使用

在页面加载完成之后,我们在页面操作用js生成html代码到页面,动态的添加元素带页面上 但是,这里可能很多人就必须碰到的一个问题就出现了,当你之后动态添加了元素到页面上,发现这个元素的绑定事件无效,如click点击了根本没有作用 这里就要用到事件委托让未来元素能绑定事件 方法一 $("div").delegate("#id", "click", function(){ ...............}); 这样做就能保证你未来生成的元素也能绑定单