不止一次调用标记 - 它的createTag

Question

我正在使用tag-it来创建标签。它就像一个魅力，但我想预设一些标签。 如果我打电话

$('#tags').tagit('createTag', 'abc');

我得到了我的标签，但如果我第二次调用此功能，则不会有第二个标签。

<script>
        $('#tags').tagit({
            placeholderText: "Such-Tags",
            afterTagAdded: function(){
                filter();           
            },
            afterTagRemoved: function(){
                filter();           
            },
             fieldName: "tagsField[]"
                    });

    {foreach item=tag from=$tags|default:null}
        $('#tags').tagit('createTag', '{$tag}');
    {/foreach}


    </script>

问题是什么？

编辑：如果我添加 <li>Tag</li>我会得到以下内容：

Answer 1

＆＃13;

＆＃13;

$(function(){
   $('#tags').tagit();
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"></script>
<script src="http://aehlke.github.io/tag-it/js/tag-it.js"></script>

<link href='http://aehlke.github.io/tag-it/css/jquery.tagit.css' rel="stylesheet" type="text/css">
<link href='http://aehlke.github.io/tag-it/css/tagit.ui-zendesk.css' rel="stylesheet" type="text/css">

<ul id="tags">
     <!-- Existing list items will be pre-added to the tags -->
     <li>Tag1</li>
     <li>Tag2</li>
 </ul>

＆＃13;

＆＃13;

＆＃13;