html中行内点击事件,javascript - 关于行内元素onclick事件，为什么会出错?

给我你的怀抱2017-07-05 10:39:039楼

写成这样看看

$(function() {

leftMenu();

function show() {

alert('hhhhhhhh');

}

function leftMenu() {

var html = '

click me'

$('#box').append(html);

}

})

直接调show()它其实是立即执行的，如果写成οnclick="show()",$(document).ready()是文档加载完后执行的，当页面结构完成了，你再点击触发show(),这个时候就会去window下面查找show(),当然结果就是undefined

如果实在要写在$(funciton(){})里，可以这样做：

$(function() {

leftMenu();

/*function show() {

alert('hhhhhhhh');

}*/

function leftMenu() {

var html = '

click me'

$('#box').append(html);

}

//做个事件委托

$('body').on('click', $('.show'), function() {

alert('aaaaa')

})

})