javascript - 如何将点击事件与 jQuery 自动完成绑定(bind)？

Question

我正在使用 jQuery 自动完成创建一个搜索框。当我单击自动完成列表中相应的 li 时，我想触发 click 事件。我写的是:

  $('.ui-menu-item').click(function(){
                 $('.college').trigger('click');
  });

但是它不起作用。任何想法 ？ jsFiddle:http://jsfiddle.net/hn838/

Answer 1

执行事件绑定(bind)时，不会有任何内容可以绑定(bind)，因为 DOM 中尚未创建 .ui-menu-item。

您需要对事件进行如下编码:

$('.ui-autocomplete').on('click', '.ui-menu-item', function(){
    $('.college').trigger('click');
});

这是 jsfiddle:http://jsfiddle.net/hn838/4/