タグ入力はブートストラップ3とタグ入力プラグインを使用する関数ではありません

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

これは私のhtmlコードです：

<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>

してください、任意の提案ですか？

出典

2013-11-21 Dany

どのタグ入力プラグインを使用しようとしていますか？ –

はい、申し訳ありません。http://timschlechter.github.io/bootstrap-tagsinput/examples/bootstrap3/ – Dany

jQueryとプラグインのJSファイルはどのように含まれていますか？ HEADには何が表示されているのですか？プラグインはうまく動作します：http://bootply.com/92587 – ZimSystem

あなたは両方data-role="tagsinput"を指定し、それがそのエラーを与える、その後$('#idInputWhat').tagsinput('add', 'vino');を使用する場合、それがどのように見えます。 data-role属性を削除し、明示的な.tagsinput()のみを使用してください。

私はこれをtagsinputプラグインのバグと考えています。

ここで確認されているようです。 https://github.com/TimSchlechter/bootstrap-tagsinput/issues/42

出典

2013-12-10 11:06:44 Tor

はい、tagsinputプラグインのバグを確認します – Dany

@ダニーなぜあなたは受け入れられた答えをしないでください??? –

私は同様の問題に直面していましたが、 '$（'＃idInputWhat '）という行を追加することで、taginput（' add '、' vino '）; '、私は' data-role = tagsinput 'と書かれたタグを追加することができます –

bootstrap-tagsinput.jsスクリプトが含まれているかどうかを確認してください。

私のために働いているようだ：JSBin link

出典

2013-11-21 15:35:04

はい、私はライブラリをインクルードしますが、これを挿入するとあなたのコードに$（ '＃idInputWhat'）。tagsinput（{ maxTags：3 }）; それは動作しません – Dany

タグ入力はブートストラップ3とタグ入力プラグインを使用する関数ではありません

答えて

関連する問題