Quản lý thẻ jquery plugin sử dụng typeahead

Question

Tôi muốn sử dụng trình quản lý thẻ (plugin jquery). Liên kết: http://welldonethings.com/tags/manager

Trong ví dụ trong trang web tôi thấy rằng có tùy chọn sử dụng typeahead.

này phải là những gì tôi đã làm:

HTML:

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="plugins/tagmanager/typeahead.js"></script> 
<script type="text/javascript" src="plugins/tagmanager/bootstrap-tagmanager.js"></script> 
<link rel="stylesheet" href="plugins/tagmanager/bootstrap-tagmanager.css" rel="stylesheet"> 

<input type='text' class="input" data-provide="typeahead" name='tagsInput' id='tagsInput' value='' /> 

JavaScript:

$("#tagsInput").tagsManager({ 
     deleteTagsOnBackspace: false, 
     prefilled: ["Pisa", "Rome"], 
     typeahead: true, 
     typeaheadAjaxSource: null, 
     typeaheadSource: ["Pisa", "Rome", "Milan", "Florence", "New York", "Paris", "Berlin", "London", "Madrid"], 
     blinkBGColor_1: '#FFFF9C', 
     blinkBGColor_2: '#CDE69C', 
     hiddenTagListName: 'hiddenTagListA' 
}); 

Tôi gettings lỗi này trên bootstrap-tagmanager.js: 62 :

Uncaught TypeError: Cannot read property 'prototype' of undefined

Tôi đang làm gì sai?

Nếu tôi xóa gói include của typeahead.js, plugin trình quản lý thẻ đang hoạt động nhưng không có tùy chọn typeahead.

Ví dụ: http://jsfiddle.net/F8C8c/

OR: lẽ bạn có thể giới thiệu cho tôi một thẻ tốt hơn quản lý plugin mà làm việc với thẻ nạp autocomplate qua ajax?

EDIT: Tôi đã tìm thấy sự cố. Tôi cần phải bao gồm bootstrap.js chứ không phải typeahead.js.

Answer 1

Vấn đề là bạn đang sử dụng sai mô-đun "typeahead.js".

Bạn cần bootstrap-typeahead.js.

Hãy tìm nó ở đây:

https://raw.github.com/tcrosen/twitter-bootstrap-typeahead/master/js/bootstrap-typeahead.js