javascript - 为什么这个委托版本的 jQuery 的 .on 不能正常工作？

Question

当我运行这段代码时，我没有得到简单的alert. 我将它委托给了，body因为页面加载时 DOM 中不存在该元素，它是在通过 https://github.com/argerim/select2-rails单击下拉列表后动态生成的。

$(document).ready(function(){
  $('body').on('click', ".select2-highlighted", function() {
    alert("derp");
  });
});

一如既往，我感谢任何帮助！甚至告诉我我很烂并重新阅读文档并对其进行更多故障排除！但请不要在不给我一些建议的情况下投反对票：/

编辑

对不起大家，我不知道我使用的 select2 库有可以绑定的事件。几个月前我刚开始工作，继承了一个大型代码库，其中一部分是 select2，所以我今天深入研究了文档。

再次感谢Pointy, A. Wolff, Kresimir Pendic,charlietfl让我开始了修复之路！

Answer 1

过去，这对我有用（对于添加的表单），我在其select2上附加了组件

$( elem ).on( 'select2-open', function(){ // ... });

所以我想如果您使用的是 3.x 版本而不是新的 v4，您可以类似地执行以下操作：

$( elem ).on( 'select2-highlight', function(){ //.. });

这是记录该事件的页面：http: //select2.github.io/select2/