动态添加的li在ready函数里面定义li的click事件没有作用

delegate

解决方案 »

  1.   

    没代码。
    我想，只能说，click 有其他事件在你前面，把你那个阻止了。
      

  2.   

    是不是其它 事件 return false  了?
      

  3.   

    示例，应该没有问题，检测是否受其他地方的影响
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
    $(function(){
    $('#btn').click(function(){
    $('#list').append('<li>2<\/li>');
    });
    $('#list').delegate('li','click',function(){
    alert($(this).html());
    }).delegate('li','mouseover',function(){
    $(this).css('backgroundColor','red');
    }).delegate('li','mouseout',function(){
    $(this).css('backgroundColor','green');
    });
    })
    </script></head><body>
    <ul id="list">
    <li>1</li>
    </ul>
    <input  value="添加" type="button" id="btn"/>
    </body>
    </html>