2

我从 这里使用 tagit 库 我创建了正常工作的 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");

它也不适合我....

4

1 回答 1

5

如果我理解您的问题，有几个 javascript 错误可能会阻止您看到您希望看到的内容。

  • Define the array before using it. 其次，引用的数组命名为' array'，而定义的数组为' a'。
  • "#name--> 这缺少结束引号。
  • $("#myTags").tagit("createTag", "my-tag");在您尝试使用时，id您的ulis之前不工作。'name'createTagmyTags

对于您的第一个问题，您可以使用以下其中一个：

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

1)已经使用元素“”初始化您的列表4。在你的 html 中有这样的东西：

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

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

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

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

完整的工作示例，使用了所有选项：

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/tag-it.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $("#myTags").tagit();

        var array = ["1", "2", "3", "4"];
        $('#name').append('<li>' + array[3] +'</li>'); //Using Option 2
        $("#name").tagit({
            itemName: "teamId",
            fieldName: "teamName",
            availableTags: array,
            allowSpaces:true,
            caseSensitive:false,
            removeConfirmation:true,
            placeholderText:"Tag Group..."
        });
        $("#name").tagit("createTag", "NewTag");  //Using option 3
    });
</script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/flick/jquery-ui.css">
<link href="css/jquery.tagit.css" rel="stylesheet" type="text/css">
</head>
<body>
    <ul id="name">
       <li>0</li>  <!-- Using option 1 -->
    </ul>
</body>
</html>
于 2012-12-24T16:23:43.430 回答