jQuery 中 html()所產生的按鈕，無反應

最新推荐文章于 2024-03-20 11:07:43 发布

xianzi1261618338

最新推荐文章于 2024-03-20 11:07:43 发布

阅读量766

点赞数

<html>  
<head>  
<script type="text/javascript" src="js/jquery.js"></script>  
<script type="text/javascript">  
$('document').ready(function() {  
    $('#test').click(function() {  
        $('#test').html('<input type="button" value="測試" class="cancel"/>');  
    });  
    $('.cancel').click(function() {  
        alert('cancel');  
    });  
});  
</script>  
</head>  
<body>  
<div id='test'>123</div>  
</body>

应该要这样的：

將註冊.cancel事件放進#test註冊click的event中，應該就可以work了

$('document').ready(function() {     
    $('#test').click(function() {     
        $('#test').html('<input type="button" value="測試" class="cancel"/>');     
        $('.cancel').click(function() {     
            alert('cancel');     
        });    
    });     
});

转自： http://ithelp.ithome.com.tw/question/10011913