zoukankan      html  css  js  c++  java
  • jQuery-append添加元素click无效

    很久没有使用jQuery,做项目的时候遇到一个小问题就是网页加载之后的append的元素是可以执行click事件,网页加载完成之后的,再次append的元素不执行click事件,简单的通过ul模拟一下:

        <ul class="content">
        </ul>
        <span class="test">测试</span>
    

    三种不同的点击方式,append之后的click无效,通过on执行,注意参数:

      $(function() {
            $('.content').append('<li>FlyElephant</li>');
    
            $('.content li').click(function(event) {
                console.log('博客园-FlyElephant');
            });
            $('.content li').on('click', function() {
                console.log('博客园-FlyElephant');
            });
            /*通用*/
            $(document).on('click', '.content li', function() {
                console.log('keso');
            });
    
            $('.test').click(function() {
                $('.content').append('<li>keso</li>');
            });
        });
    

    jQuery版本2.1.4~

  • 相关阅读:
    字符串
    决策树
    结构体实验
    指针实验
    打印杨辉三角
    P176 1.2.3
    第七次作业
    第六次作业
    第五次作业
    第四次修改
  • 原文地址:https://www.cnblogs.com/xiaofeixiang/p/4975980.html
Copyright © 2011-2022 走看看