javascript - 在输入中使用外部 Jquery

Question

我想使用输入代码(外部文件，country.js)

var $input = $("#input-search_address");
$input.typeahead({source:['United States', 'United Kingdom', 'Germany','China']});

但是上面这段代码，它是一个单独的文件，不在同一个jsp中，它在country.js文件中。当我使用相同的代码时，但是在 jsp 中我这样做:

  <script>
   var $input = $("#input-country");
    $input.typeahead({source:['United States', 'United Kingdom', 'Germany','China']});
  </script>

我的输入怎么样，

<input type="text" id="input-country" class="input" placeholder="Country">

换句话说，我在country.js中使用相同的代码是行不通的，而当我在jsp中使用相同的代码时，只需添加就可以了。

我希望 typeahead 能够在不使用 jsp 的情况下工作，而是在 Country.js 中工作

我用来导入.js:

<script src="javascript/country.js" type="text"></script> 

有什么建议、帮助吗？

enter image description here

谢谢!

Answer 1

在您的 country.js 文件中，首先等待页面准备就绪:

$(function() {
  // now write your code
});