如何使用tag-it

时间:2012-12-24 13:27:09

标签: jquery jquery-ui tag-it

我正在使用tagit库       here 我创建了正确工作的tagit,我按如下方式创建了数组:

    $("#name).tagit({
    itemName: "teamId",
    fieldName: "teamName",
    availableTags: array,
    allowSpaces:true,
    caseSensitive:false,
    removeConfirmation:true,
    placeholderText:"Tag Group..."
     });

           var a =["1","2","3","4"];

使用标签时 - 可以正确选择所有选项....我希望在选择任何选项之前标签“4”必须显示为默认选项我该怎么做..

其他信息:

源中有一个选项可用于创建新标记

       $("#myTags").tagit("createTag", "my-tag");

它也不适合我......

1 个答案:

答案 0 :(得分:5)

如果我了解您的问题,可能会有一些javascript错误可能会阻止您看到您希望看到的内容。

  • Define the array before using it。其次,引用的数组命名为“array”,而定义的数组为“a”。
  • "#name - >这没有收尾报价。
  • 当您尝试在$("#myTags").tagit("createTag", "my-tag");上使用id时,
  • ul'name'的{​​{1}} createTag之前无效。< / LI>

对于您的第一个问题,您可以使用以下方法之一:

(1和2可能没有充分利用tagit库的潜力。)

1)已使用元素“myTags”初始化您的列表。你的HTML中有这样的东西:

4

2)在html中创建元素“4”。

<ul id="name">
   <li>4</li>
</ul>

3) var array = ["1", "2", "3", "4"]; $('#name').append('<li>' + array[3] +'</li>');

完整的工作示例,使用了所有选项:

Use the createTag : $("#name").tagit("createTag", "4");