Javascript 添加列表项后,jQuery on click函数不起作用

Javascript 添加列表项后,jQuery on click函数不起作用,javascript,jquery,Javascript,Jquery,我使用on功能有一个简单的点击事件: $('#listnav li').on({ click: function(event) { console.log('hello world') }, mouseover: function(event) { // do something } }); 这适用于id为“listnav”的ul列表。但是,当我使用jQuery的append函数向ul添加新条目时,

我使用
on
功能有一个简单的点击事件:

$('#listnav li').on({
    click: function(event) {
        console.log('hello world')              
    }, 
    mouseover: function(event) {
        // do something
    }

});

这适用于id为“listnav”的ul列表。但是,当我使用jQuery的
append
函数向ul添加新条目时,不会对新添加的列表项调用此函数。我如何解决这个问题?

我也面临同样的问题

当您动态地附加任何内容时(这里您将向
ul
添加新条目),您也需要绑定它的事件。当加载DOM时,as事件已经绑定,稍后将进行
追加。完成所需的追加后,需要在
Append
函数中定义click函数


希望这有帮助

$('#listnav')。on('click','li',function(){….});似乎有用我通常不在函数上使用这种语法他们的代码和我的不同之处在于我不使用引号,那么我应该在我的情况下这样做吗?@lharby在click函数的末尾添加return false对我来说不起作用。如果你能制作一个mvce,那就太好了,也许代码中还有其他东西?你的附加函数是什么?你能把html添加到你的问题中吗