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の前に が機能していません。ul'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 に答える