如何使用TAG-IT

我使用TAG-IT庫從 here 我創建了正常工作的TAG-IT我創建數組如下：如何使用TAG-IT

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

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

同時使用TAG-IT的所有選項可以正確選擇....我想，標籤爲「4」有選擇任何選項，我怎麼能做到這一點之前，顯示爲默認選擇..

其他信息：

有源提供一個選項來創建新的標籤

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

它還不是爲我工作....

來源

2012-12-24 Aravind

你閱讀所有的文檔？ –

亞我閱讀文檔 – Aravind

你注意到沒有在你的腳本語法錯誤的＃name' –

如果我理解你的問題，有幾個JavaScript錯誤的是可能會阻止你看到你期望看到的東西。

Define the array before using it。其次，所提到的數組被命名爲'array'，而定義的數組是'a'。
"#name - >這是缺少右引號。
$("#myTags").tagit("createTag", "my-tag");不工作之前，你的ul的id是'name'當你嘗試在myTags使用createTag。

對於你的第一個問題，你可以使用其中之一：（1和2充分利用TAG-IT庫的潛在可能不會）

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-24 16:23:43

後'第一線當我解決了問題，錯誤是，當我使用createTag創建標籤我想給的標籤，該標籤已經在availableTags數組中....但我不是......所以改變這個會清除錯誤.....我會接受你的詳細答案 – Aravind

如何使用TAG-IT

回答

相關問題