在Input中使用外部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
});

Answer 2

还有其他提示吗？对其他文件country.js的引用正在成功完成。但是代码不起作用。