Question

错误：

TypeError: $(...).typeahead is not a function

我还包括typehead.js档。

完整代码：

<html>
  <head>
    <script src="//netsh.pp.ua/upwork-demo/1/js/typeahead.js"></script>
    <script>
      $(document).ready(function() {
        $('input.doctor').typeahead({
          name: 'doctor',
          remote: 'doctor.php?query=%QUERY'
        });
      })
    </script>
  </head>
  <body>
    <form>
      <input type="text" name="doctor" size="30" class="doctor" placeholder="Please Enter City or ZIP code">
    </form>
  </body>
</html>

Answer 1

这是因为您没有包含jQuery库，因为typeahead库需要jQuery才能运行

在这里，请尝试这样做：

<!DOCTYPE html> <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-3.0.0.min.js"></script> <script type="text/javascript" src="//netsh.pp.ua/upwork-demo/1/js/typeahead.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $("input.doctor").typeahead({ name: "doctor", remote: "doctor.php?query=%QUERY" }); }); </script> </head> <body> <form> <input type="text" name="doctor" size="30" class="doctor" placeholder="Please Enter City or ZIP code" /> </form> </body> </html>

Answer 2

请记住，您正在尝试使用我的网站作为脚本来源。我的意思是这一行：

<script src="//netsh.pp.ua/upwork-demo/1/js/typeahead.js"></script>

请使用Google查找此脚本的CDN或将您的托管用作脚本存储。请将此链接用作脚本的src

https://cdnjs.cloudflare.com/ajax/libs/jquery-typeahead/2.10.6/jquery.typeahead.js

TypeError：$（...）。typeahead不是一个函数，甚至包括typehead.js

2 个答案: