zoukankan      html  css  js  c++  java
  • body click的绑定与元素click的绑定

    1、通常使用jQuery绑定click如下:

    $('div.class').on('click',function(){
        ......
    })

    此种方式无法绑定动态新增的元素,如:

    $('div.demo').on('click',function(){
        $(this).removeClass('demo'); //A
        $(this).siblings().addClass('demo');
    })

    元素A移除class.demo,他的兄弟节点添加class.demo,按理他的兄弟节点添加class后也绑定了click事件,可并非如此

    解决方案:

    $('body').on('click','div.demo',function(){
        $(this).removeClass('demo');
        $(this).siblings().addClass('demo');
    })

    绑定body,然后传入元素参数,可绑定动态添加的元素。

    另外在重新初始化数据后(如搜索查找更新),为防止click多次触发,先接触绑定

    $('body').off('click');
    $('body').off('keypress');
    ...
  • 相关阅读:
    Hdu 2389 二分匹配
    Hdu 1156
    Hdu 1255
    Hdu 1542
    python 中初始化二维数组的方法
    chrome扩展小试
    浏览器的重绘与重排
    js执行环境相关
    js 触摸事件
    js柯里化的一个应用
  • 原文地址:https://www.cnblogs.com/moon-future/p/5955710.html
Copyright © 2011-2022 走看看