1

コントロールの良さがうかがえます

http://timschlechter.github.io/bootstrap-tagsinput/examples/

しかし、それに基づいて、以下のコードを試してみましたが、うまくいきませんでした。

<script type="text/javascript" src="jquery-1.10.2.min.js" ></script>

<script src="http://timschlechter.github.io/bootstrap-tagsinput/examples/bower_components/angular/angular.min.js"></script>
<script src="http://timschlechter.github.io/bootstrap-tagsinput/examples/bower_components/google-code-prettify-lite/prettify.js"></script>
<script src="http://timschlechter.github.io/bootstrap-tagsinput/examples/bootstrap-2.3.2/js/bootstrap.min.js"></script>
<script src="http://timschlechter.github.io/bootstrap-tagsinput/dist/bootstrap-tagsinput.js"></script>
<script src="http://timschlechter.github.io/bootstrap-tagsinput/dist/bootstrap-tagsinput-angular.js"></script>

<body>
<br />
<input type="text" value="" data-role="tagsinput"  />
<br />
</body>
<script>
$('input').tagsinput({
  typeahead: {
    source: [{"value":1,"text":"Amsterdam"},
{"value":4,"text":"Washington"},
{"value":7,"text":"Sydney"},
{"value":10,"text":"Beijing"},
{"value":13,"text":"Cairo"}]
  }
});
</script>
4

2 に答える 2

1

これは既知のバグによるものです: https://github.com/TimSchlechter/bootstrap-tagsinput/issues/42

解決するには、data-role="tagsinput" と $('input').tagsinput(...) を一緒に使用しないでください。

Tagsinput は関数ではなく、bootstrap 3 と tags-input プラグインを使用しています

于 2014-03-19T12:14:42.703 に答える