Fixed example for latest version of typeahead.js - closes #740, closes #759

Andrew Kane
1 parent 596eb1fb
Showing 1 changed file with 11 additions and 4 deletions Show diff stats
README.md
@@ -579,11 +579,18 @@ Then add the search box and JavaScript code to a view.
 <input type="text" id="query" name="query" />
  
 <script src="jquery.js"></script>
-<script src="typeahead.js"></script>
+<script src="typeahead.bundle.js"></script>
 <script>
-  $("#query").typeahead({
-    name: "book",
-    remote: "/books/autocomplete?query=%QUERY"
+  var books = new Bloodhound({
+    datumTokenizer: Bloodhound.tokenizers.whitespace,
+    queryTokenizer: Bloodhound.tokenizers.whitespace,
+    remote: {
+      url: '/books/autocomplete?query=%QUERY',
+      wildcard: '%QUERY'
+    }
+  });
+  $('#query').typeahead(null, {
+    source: books
   });
 </script>
 ```
...	...	@@ -579,11 +579,18 @@ Then add the search box and JavaScript code to a view.
579	579	<input type="text" id="query" name="query" />
580	580
581	581	<script src="jquery.js"></script>
582		-<script src="typeahead.js"></script>
	582	+<script src="typeahead.bundle.js"></script>
583	583	<script>
584		- $("#query").typeahead({
585		- name: "book",
586		- remote: "/books/autocomplete?query=%QUERY"
	584	+ var books = new Bloodhound({
	585	+ datumTokenizer: Bloodhound.tokenizers.whitespace,
	586	+ queryTokenizer: Bloodhound.tokenizers.whitespace,
	587	+ remote: {
	588	+ url: '/books/autocomplete?query=%QUERY',
	589	+ wildcard: '%QUERY'
	590	+ }
	591	+ });
	592	+ $('#query').typeahead(null, {
	593	+ source: books
587	594	});
588	595	</script>
589	596	```
...	...