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

时间:2014-02-03 07:28:06

标签: jquery meteor

我正在尝试在主页的搜索框中添加自动填充功能,我希望模板的onfocus事件传递此jQuery命令源元素。我将jQuery添加到我的meteor应用程序中,如mrt add jquery-ui-bootstrap

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。

更新

我添加了jquery-ui-bootstrap包而不是jquery-ui包。

问题现在解决了。谢谢你的帮助

1 个答案:

答案 0 :(得分:3)

您的活动定位的是input元素,其中包含类focus-eve,但HTML中的input没有类属性。尝试将您的活动更改为'focus input''focus'