JQuery UI自动完成＆＃34;选择＆＃34;单击鼠标未触发事件

Question

在我的应用程序中，我使用ajax调用创建一个表。在该表中，我在每行中都有文本框，这些文本框也是根据从ajax调用返回的内容动态创建的。我需要为这些文本框具有自动完成功能。到目前为止，自动完成工作正常，除了单击鼠标。要使用自动填充菜单中的项目设置文本框值，我需要在该项目上双击或使用键盘导航。但单击该项目只会关闭菜单，文本框值不会更改。这是我正在使用的代码。

$(".usageTable tr:last").find("#occDpt").autocomplete({
      source:get_depts(),
      select : function( event, ui ){
        console.log(ui.item.value);
        // with single click, this is not printed on the console,
        // but it is with a double click!
        // It's like the select event is not triggered with single mouse click.
      }
});

其中usageTable是动态创建的表格，文本框具有id＆＃34; occDpt＆＃34;。

请注意：我已在同一页面上的其他静态文本框中自动完成，并且它们工作正常。不知道为什么不是这样！我使用的是jquery版本1.7.2和jquery-ui版本1.8.14，firefox版本43.0.4。

非常感谢任何帮助。

Answer 1

我认为问题出在我的鼠标上。我已经请其中一位同事在他们的系统上测试它。我也在不同的浏览器上在不同的计算机上尝试过它。单击工作正常。最后，我用更新的鼠标替换了我的鼠标。现在它有效！