Jquery 如何将焦点事件添加到模板

我正在尝试将自动完成功能添加到主页中的搜索框中，我希望模板的

onfocus

事件传递此jQuery命令源元素。我将jQuery添加到我的meteor应用程序中，如下所示

mrt添加jQuery ui引导

Template.index.events({
    'focus input.focus-eve':function() {
        $( "#autocomplete" ).autocomplete({
            source: [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]
        });
    }
});

编辑

<input id="autocomplete" class="focus-eve" name="search-txt-box" type="text"  size="80"  placeholder="Search..." />



它仍然不起作用。我在我的应用程序中添加了jQuery和jQuery UI

更新

我添加了
jqueryui引导
包，而不是
jqueryui
包

问题现在解决了。感谢您的帮助
您的事件针对的是带有class
focus eve
的
input
元素，但是HTML中的
input
没有class属性。尝试将事件更改为
'focus input'
或仅
'focus'
您的事件针对的是类为
focus eve
的
输入元素，但HTML中的
输入
没有class属性。尝试将事件更改为
'focus input'
或仅
'focus'
您的事件针对的是类为
focus eve
的
输入元素，但HTML中的
输入
没有class属性。尝试将事件更改为
'focus input'
或仅
'focus'
您的事件针对的是类为
focus eve
的
输入元素，但HTML中的
输入
没有class属性。尝试将事件更改为
'focus input'
或只是
'focus'
我将代码更改为这个'Template.index.events（{'focus'：function（）{$（“#autocomplete”）.autocomplete（{source:[“c++”，“java”，“php”，“coldfusion”，“javascript”，“asp”，“ruby”]}）}）；}仍然无法工作我将代码更改为“Template.index.events（{'focus'：function（）{$（“#autocomplete”）.autocomplete（{source:[“c++”，“java”，“php”，“coldfusion”，“javascript”，“asp”，“ruby”]}）；}}}仍然无法工作我将代码更改为“Template.index.events（{'focus'：function（）{$（“#autocomplete”）.autocomplete（{source:[“c++”，“java”，“php”，“coldfusion”，“javascript”，“asp”，“ruby”]}）；}}}仍然无法工作我将代码更改为“Template.index.events（{'focus'：function（）{$（“#autocomplete”）.autocomplete（{source:[“c++”，“java”，“php”，“coldfusion”，“javascript”，“asp”，“ruby”]}）；}}}仍然不起作用