来自 JSNI 的外部函数调用不起作用

Question

我正在尝试将此 JavaScript 代码转换为 JSNI 代码。

脚本导入

<script src="jquery-1.11.2.min.js"></script>
<script src="jquery.typeahead.min.js"></script>
<script src="autocompletetest/autocompletetest.nocache.js"></script>

---

脚本

$('#q').typeahead({  
    minLength: 1,  
    order: "asc",  
    group: true,   
    groupMaxItem: 6,  
    hint: true,  
    dropdownFilter: "All",  
    href: "https://en.wikipedia.org/?title={{display}}",  
    template: "{{display}}, <small><em>{{group}}</em></small>",  
    source: {  
        country: {  
            data: data.countries  
        },  
        capital: {  
            data: data.capitals  
        }  
    },
    ...

收件人

$doc.getElementsByClassName("q").typeahead({
    ...
})

但我收到此错误：

@com.citi.sevi.client.AutocompleteTest::loadJquery()([]): $doc.getElementsByClassName(...).typeahead is not a function

什么可能导致这个错误？

Answer 1

jQuery 的$ 函数不仅仅是一个getElementsByClassName 包装器，它还把结果包装在一个jQuery 对象中，插件所在的位置。要调用typeahead 方法，您必须使用$win.$("q")