javascript - 来自 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")