jquery.click添加新元素没有绑定怎么解决

Question

$(document).ready(function(){
$('#graphdiv>table').click(
		function(){
			console.log('hi');
		}
	);
})

如上在页面载入时绑定，然后我再用ajax添加了table，但是新添加的table无法响应click
除了js onclick事件还有什么方法可以解决吗?
谢谢

Answer 1

这种情况，你应该使用 事件代理

$('#graphdiv').on('click', 'table', function(e) {
    console.log($(this));
});