使用 djselectable 绑定 jquery 自动完成事件答案

【问题标题】：Bind on jquery autocomplete event with djselectable使用 djselectable 绑定 jquery 自动完成事件
【发布时间】：2014-01-28 11:18:11
【问题描述】：

我想在 jQuery 自动完成打开选择列表时执行个人代码。

我有一个自动完成输入：

<input type="text" name="myinputtext" id="myinputtext" ... >

我已经写了这个javascript：

$('#myinputtext').on('autocompleteopen', function(event, item) {
   alert('hello');
});

但是当我使用自动完成时我的代码没有执行，我错在哪里？

编辑：我之前问过这个问题，但没有询问 djselectable (django)。因此，现在（在我的编辑之后）回复将毫无疑问。所以我编辑了这个问题，并为未来有这个问题的访问者添加了我的答案。

【问题讨论】：

您是否尝试在初始化自动完成时指定open 回调？
.bind() 已弃用，请使用.on()。
更改您问题中的代码后.. 它仍然无法正常工作吗？你把它放在 document.ready 之间了吗？
@PlantTheIdea 编辑和测试，结果相同。
没想到它可以解决问题，更多的是注释。我们可以看到您绑定自动完成的代码吗？

标签： javascript jquery django autocomplete

【解决方案1】：

请这样尝试。

$( "#myinputtext" ).autocomplete({
    source: something,
    open: function (event, ui){
        alert ('hello')         
    }
});

【讨论】：

【解决方案2】：

带有dj-selectable需要使用djselectableopen事件：

$('#myinputtext').on('djselectableopen', function(){
  alert('Hello world');
});

【讨论】：

【解决方案3】：

不熟悉 django，但 jQuery UI 自动完成功能如下：

http://api.jqueryui.com/autocomplete/#event-open

$('#someInput').autocomplete({
    source: someObject,
    open: function(){

        alert('do something when the autocomplete suggestions have appeared');

    }
});

【讨论】：