7

का उपयोग कर एक फ़ंक्शन नहीं है, मैं jquery 1.10 के साथ बूटस्ट्रैप 3 का उपयोग कर रहा हूं और मैं टैग-इनपुट प्लगइन (http://timschlechter.github.io/bootstrap-tagsinput/examples/bootstrap3/) का उपयोग करने की कोशिश कर रहा हूं लेकिन यह काम नहीं करता है। यह मेरी त्रुटि है:टैग्सपूट बूटस्ट्रैप 3 और टैग-इनपुट प्लगइन

TypeError: tagsinput[arg1] is not a function 
var retVal = tagsinput[arg1](arg2); 

यह मेरा एचटीएमएल कोड है:

<head> 

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAv92iA1TcfCnk4-bDg7BAJoKOCnh1g7oQ&sensor=false"></script> 

<link href="/qtip2/css/jquery.qtip.min.css" media="screen" rel="stylesheet" type="text/css" > 
<link href="/css/bootstrap.min.css" media="screen" rel="stylesheet" type="text/css" > 
<link href="/css/1309_ciceroos_b2b.css" media="screen" rel="stylesheet" type="text/css" > 
<link href="/css/1310_longdistance.css" media="screen" rel="stylesheet" type="text/css" > 
<link href="/bootstrap3.0.0/assets/css/bootstrap-tagsinput.css" media="screen" rel="stylesheet" type="text/css" ><script type="text/javascript" src="/bootstrap3.0.0/assets/js/jquery.js"></script> 
<script type="text/javascript" src="/js/infobox.js"></script> 
<script type="text/javascript" src="/qtip2/js/jquery.qtip.min.js"></script> 
<script type="text/javascript" src="/qtip2/js/imagesloaded.min.js"></script> 
<script type="text/javascript" src="/bootstrap3.0.0/dist/js/bootstrap.min.js"></script> 
<script type="text/javascript" src="/bootstrap3.0.0/assets/js/holder.js"></script> 
<script type="text/javascript" src="/bootstrap3.0.0/assets/js/bootstrap-tagsinput.js"></script> 
<script type="text/javascript"> 
        jQuery(document).ready(function ($) { 
         //$('.bootstrap-tagsinput input').attr("value", "interessi"); 
         $('#idInputWhat').tagsinput('add', 'mare'); 
         $('#idInputWhat').tagsinput('add', 'vino'); 

         $('#idInputWhat').tagsinput({ 
          maxTags: 3 
          });       
        }); 
       </script> 
     </head> 
     <body> 
      <form class="form-inline" role="form" id="idFormSearch" method="GET" action="javascript:void(0);"> 
           <div class="form-group col-md-offset-1 col-md-5 _interestInput"> 
            <input type="text" placeholder="Quali sono le tue passioni?" data-role="tagsinput" class="form-control input-lg" name="what" id='idInputWhat' value=""/> 
           </div> 
           <div class="form-group col-md-3 _interestInput"> 
            <input type="text" placeholder="dove" class="form-control input-lg" name="where" id='idInputWhere' /> 
            <input type="hidden" name="start" id='idStart' value="0"/> 
           </div> 
           <div class="col-md-3 _searchButton"> 
            <input class="btn btn-primary btn-lg" type="submit" value="Ispirami!"></input> 
            </div> 
           </form> 
     </body> 

कृपया, कोई सुझाव?

+0

क्या आप निर्दिष्ट कर सकते हैं कि आप टैग-इनपुट प्लगइन का उपयोग करने का प्रयास कर रहे हैं? –

+0

हां क्षमा करें, यह है: http://timschlechter.github.io/bootstrap-tagsinput/examples/bootstrap3/ – Dany

+0

jQuery और प्लगइन जेएस फ़ाइलों को कैसे शामिल किया जा रहा है? क्या सिर दिखाया गया है कि क्या दिखाया गया है? प्लगइन ठीक काम करता है: http://bootply.com/92587 – ZimSystem

उत्तर

17

ऐसा लगता है कि अगर आप दोनों data-role="tagsinput" निर्दिष्ट और $('#idInputWhat').tagsinput('add', 'vino'); का उपयोग तो यह है कि त्रुटि देता है की तरह। data-role विशेषता को हटाने का प्रयास करें, और केवल स्पष्ट .tagsinput() का उपयोग करें।

मैं टैगिनपुट प्लगइन में यह एक बग मानता हूं।

यहां पुष्टि की जा रही है; https://github.com/TimSchlechter/bootstrap-tagsinput/issues/42

+0

हां काम नहीं करता है, मैं टैगिनपुट प्लगइन – Dany

+0

में बग की पुष्टि करता हूं @Dany आप इसे स्वीकार किए गए उत्तर क्यों नहीं देते ??? –

+0

मुझे इसी तरह की समस्या का सामना करना पड़ रहा था, लेकिन लाइन '$ (' # idInputWhat ') जोड़कर। टैगिनपुट (' एड ',' vino '); ', मैं' डेटा-रोल = टैगइनपुट 'के साथ भी टैग जोड़ने में सक्षम हूं –

1

जांचें कि क्या आपने बूटस्ट्रैप-टैगिनपुट.जेएस स्क्रिप्ट शामिल की है।

यह मेरे लिए काम लगता है: JSBin link

+0

हां, मैं पुस्तकालय शामिल करता हूं, लेकिन यदि आप इसे डालते हैं तो आपके कोड में: $ ('# idInputWhat')। टैगिनपुट ({ अधिकतम टैग: 3 }); यह – Dany

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