Ember typeahead / autocomplete无法正常工作

Question

我使用autocomplete和typeahead用于我的emberjs项目中的文本字段输入。我已尝试在index.html中添加代码here或here，以便进行测试并正常运行。

但是当我试图将html代码从我的索引转移到我的模板时，自动完成功能不适用于两个库。 这是从索引传输到template.hbs

的html代码示例

<div class="ui-widget">
   <label for="tags">Tags: </label>
   <input id="tags">
</div>

JS代码保留在index.html

中

<script type="text/javascript">
     $(function() {
        var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
        ];
        $( "#tags" ).autocomplete({
            source: availableTags
        });
    });
</script>

我认为问题出在模板中，因为它没有被编译