Jeditable和Jquery UI自动完成

Question

嗨，我正在尝试将JEditable和JQuery UI Autocomplete放在一起，因此当我单击一个div时，该div变得可编辑，并且键入的内容将具有自动完成功能，我尝试了与其他文章（例如，

1. 具有Jeditable的jQuery ui ，
2. 如何使用.on（）绑定jQuery UI自动完成功能？ ，
3. 使用.live（）绑定jQuery UI自动完成功能 。

最后看一些像这样的代码。

<div class="edit_school" id="edit_school_pending">ADD</div>

$(document).on(
    "focus", 
    ".edit_school:not(.ui-autocomplete-input)", 
    function(event) { 
         alert("Hey");
     $(this).autocomplete(
         {source: ["a","ab","aa","ac"]}
    );}
 );

jQuery版本：jquery-1.9.1.js
jQuery UI版本：code.jquery.com/ui/1.10.3/jquery-ui.js

单击“ ADD”时，“ ADD”被带到文本框中，并显示警报，但是键入“ a”不会显示任何自动完成。 如果格式不正确，请提供帮助并接受格式。 非常感谢。

Answer 1

最终弄清楚了这一点，对于JEditable / Autocomplete的新手来说，这里是工作代码：

    $(document).on(
        "focus", 
        ".edit_school", 
        function(event) { 
            alert(event.target);
            $(event.target).autocomplete(
                {source: ["a","ab","aa","ac"]}
            );
        }
    );

 <div class="edit_school" id="edit_school_pending">ADD</div>

由于调用“ $（this）.autocomplete（）”，上一个帖子不起作用，在这里，$（this）引用了div，而不是JEditable创建的输入。 我试图为创建的输入设置一个ID，但无法做到这一点。 但是后来想通了我可以访问输入元素本身（event.target），然后调用inputElement.autocomplete解决了这个问题。