2013-08-16 2 views
5

タグマネージャ(jquery plugin)を使いたいです。 リンク:http://welldonethings.com/tags/managerタグマネージャjquery plugin for typeahead

サイトの例では、先読みを使用するオプションがあることがわかりました。

これは私がやったことです:

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' 
}); 

私は、ブートストラップ-tagmanager.jsにこのエラーgettingsよ:62 :

Uncaught TypeError: Cannot read property 'prototype' of undefined

何が間違っているのですか?

typeahead.jsのインクルードを削除する場合、タグマネージャプラグインは機能していますが、typeaheadオプションは使用できません。

は:http://jsfiddle.net/F8C8c/

OR: たぶん、あなたは私のAJAXを介してロードautocomplateタグで作業することを、より良いタグマネージャのプラグインをお勧めすることができますか?

編集: 問題が見つかりました。 私はbootstrap.jsを含める必要があり、typeahead.jsは含める必要がありません。

+0

それは私が行方不明のプラグインがあるかどう疑問を始めている彼らの例のページhttp://welldonethings.com/tags/manager – Nir

+0

で働いています。いくつかのJSファイルはそこにある必要がありますが、そうではありません。 – Richard

答えて

0

問題は、間違った "typeahead.js"モジュールを使用していることです。

bootstrap-typeahead.jsが必要です。ここではそれについて

ルック:

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

+0

[JSFiddle](http://jsfiddle.net/F8C8c/1/) – Richard

+0

ええ、そのプラグインでもbootstrap.jsが必要です。ただし、プラグインを追加するだけで、プロトタイプエラーの初期問題が解決されます。 – Richard