码迷,mamicode.com
首页 > 移动开发 > 详细

jQuery-append添加元素click无效

时间:2015-11-18 22:52:53      阅读:266      评论:0      收藏:0      [点我收藏+]

标签:

很久没有使用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~

jQuery-append添加元素click无效

标签:

原文地址:http://www.cnblogs.com/xiaofeixiang/p/4975980.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!