颜色样式未应用到引导输入标签

Question

我有模式形式，当我单击模式形式上的提交按钮时，我在成功设置的输入标签输入字段中将标签设置为一个值。但是我也通过jquery应用样式（为标签着色），但我不知道为什么不将其应用于它们，您可以在我做错了的地方检查代码。

我正在关注本教程：https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/。到达那里后，请转到“分类标签”部分，然后单击“显示代码”链接。

 <script type="text/javascript">
  //JQUERY WORK

  $(document).ready(function() {

      var elt = $('input.myinput');

      elt.tagsinput({
          tagClass: function(item) {
            switch (item.continent) {
              case 'Europe'   : return 'label label-info';
              case 'America'  : return 'label label-success';
              case 'Australia': return 'label label-danger label-important';
              case 'Africa'   : return 'badge badge-inverse';
              case 'Asia'     : return 'badge badge-warning';
              case 'Asia2'     : return 'badge badge-error';
              case 'Africa2'   : return 'label label-default';
            }
          },
          itemValue: 'value',
          itemText: 'text',
          source: function(query) {
            return $.getJSON('cities.json');
          }
        });

    }); 


      $('#modelformbuttonclick').click(function() {
          var tableRowId =  $('#myModal').data('current');
          c = '#' + tableRowId;
          //removing all tags if anyone updates tags
          $(c+ ' input.myinput').tagsinput('removeAll');
          var count=1; var color = ["Europe","America","Australia","Africa","Asia", "Asia2", "Africa2"];

          $('.modal-body-inner span.myclass').each(function() {
              c = '#' + tableRowId;
              var randomNumber = Math.floor(Math.random()*color.length);
              $(c + '  input.myinput').tagsinput('add', { "name": "tagsdata", "value": $(this).text() , "text": $(this).text(), "continent": color[randomNumber]});
              count = count+1;
          });
          submitForm();
      });

    </script>