2013-08-16 9 views
5

का उपयोग कर मैं टैग मैनेजर (jquery प्लगइन) का उपयोग करना चाहता हूं। लिंक: http://welldonethings.com/tags/managerटैग प्रबंधक jquery प्लगइन टाइपहेड

साइट में उदाहरण में मैंने देखा कि टाइपहेड का उपयोग करने का एक विकल्प है।

यह मैं क्या किया है:

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='' /> 

जावास्क्रिप्ट:

$("#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' 
}); 

मैं gettings बूटस्ट्रैप-tagmanager.js पर इस त्रुटि कर रहा हूँ: 62 :

Uncaught TypeError: Cannot read property 'prototype' of undefined

मैं क्या गलत कर रहा हूँ?

यदि मैं typeahead.js को शामिल कर रहा हूं तो टैग प्रबंधक प्लगइन काम कर रहा है लेकिन टाइपहेड विकल्प के बिना।

उदाहरण: http://jsfiddle.net/F8C8c/

या: हो सकता है कि तुम मुझे एक बेहतर टैग प्रबंधक प्लगइन है कि autocomplate टैग के साथ काम कर ajax के माध्यम से भरी हुई सिफारिश कर सकते हैं?

संपादित करें: मुझे समस्या मिली। मुझे bootstrap.js को शामिल करने की आवश्यकता है और typeahead.js नहीं।

+0

यह उनके उदाहरण पेज http://welldonethings.com/tags/manager – Nir

+0

में काम कर रहा है मैं वहाँ एक प्लगइन लापता अगर सवाल करने के लिए शुरू कर रहा हूँ। कुछ जेएस फ़ाइल जो वहां होने की जरूरत है, लेकिन नहीं है। – Richard

उत्तर

0

समस्या यह है कि आप गलत "typeahead.js" मॉड्यूल का उपयोग कर रहे हैं।

आपको बूटस्ट्रैप-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

संबंधित मुद्दे