來自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")