jQuery On 更改事件未触发

我在标题中有以下内容：

$('body').on('change', '#userFilter', function(){ console.log('changed'); }); 

单击选项卡时，此元素将动态插入页面：

  1 2 3  

问题是当我更改下拉列表时，控制台中没有显示任何内容。

Answer 1

将它包装在$（document）.ready（function（）{….}）中，以便将html控件userFilter添加到DOM并可用于javascript

 $(document).ready({ $('body').on('change', '#userFilter', function(){ console.log('changed'); }); }); 

传递给.ready（）的处理程序保证在DOM准备好后执行，因此这通常是附加所有其他事件处理程序并运行其他jQuery代码jQuery文档的最佳位置。

Answer 2

虽然与OQ有点无关，但是如果你因为你的选择没有被激活而来到这里，请确保在之前的时间你没有在alert()检查“防止这个页面显示……”。 您需要关闭该选项卡并重新打开该URL，以便再次触发该操作。