简单的typeahead.js代码仅适用于旧的预先版本0.9.3,而不适用于以后版本

时间:2015-08-22 09:47:23

标签: jquery typeahead.js

我正在从书中学习先行。 当我使用0.9.3 typeahead版本时,typeahead工作正常。 当我使用类型为0.11.1或0.10.0的类型的lter版本时,它不再起作用。

那么我应该在代码中进行哪些更改,以便它也可以在较新的预先版本中使用? (我使用的是最新的jquery版本)

<html>
<head><script type="text/javascript" src="components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="components/typeahead.js/dist/typeahead.jquery.min.0.9.3.js"></script>
<title>Friend Finder</title>
</head>
<body>
     <label for="friends">Pick Your Friend</label>
        <input type="text" name="dummy" class="typeahead"/>
        <script>
        $(document).ready(function() {
        $('input').typeahead({  
            minLength: 1,       
          name: 'people',
          local: ['Elaine', 'Column', 'Kirsty', 'Chris Elder']
        });
        });
        </script>
</body>
</html>

P.S。从书中学习:来自Toby Osbourn的Instant typeahead.js

1 个答案:

答案 0 :(得分:1)

我在Github上找到了解释,因为从0.9.x到0.10.0,事情发生了变化: 从Typeahead版本0.10.0开始,情况发生了变化。 这就是为什么这个简单的代码在新版本中不再起作用的原因。使用0.9.3版本,它将工作。 阅读此链接上的显着变化!:: Migrating to typeahead.js v0.10.0

  1. typeahead函数现在需要第一个参数,然后是数据集
  2. 自Bloodhoud以来,数据集的使用方式发生了变化 从版本0.10.0
  3. 引入
      

    ....从github复制pastef:...&gt;&gt;如您所见,不再在数据集级别定义本地,预取和远程。相反,您在数据集配置中设置的所有内容都是源。 source应该是具有签名功能(查询,回调)的函数。当typeahead的查询更改时,将从源请求建议。它的预期源将计算建议集并使用一组建议对象调用回调。然后,typeahead将继续呈现这些建议。