jQueryを使ってボックスにタグを挿入しますか？

Question

私が作成しようとしているのは、スタックオーバーフロータグ挿入のようなものです。私は、挿入ボックスにタグを入力することができますし、私は '追加'ボタンをクリックすると、上記のボックスに追加します。また、新しいタグを 'SelectedTags'配列にプッシュする必要があります。ユーザーがボックスから取り出した場合は、アレイから取り外す必要があります。私は最初に配列にプッシュする必要がありますし、配列の内容に基づいてボックスを作成する必要があると思いますか？私はJSFiddleで作成しようとしましたが、動作させることはできません。誰かがJSFiddleの使用例を助けることができますか？ http://jsfiddle.net/uVxXg/117/

これはタグのように見えるのですか？

$("#tags").tagit({ 
    availableTags: SelectedTags 
}); 

Answer 1

これは、あなたがそれを行う方法：

$(document).ready(function() { 
    var sampleTags = []; 

    $('#tags').tagit({ 
    availableTags: sampleTags, 
    afterTagRemoved: function(evt, ui) { 
    console.log(ui.tagLabel) 
     for(var i = 0; i < sampleTags.length; i++) { 
     if (sampleTags[i] == ui.tagLabel) { 
      sampleTags.splice(i, 1); //Here is the update 
     } 
     } 
    } 
    }); 

    $('form').submit(function(e) { 
    var inp = $('#tagInput').val(); 
    $('#tagInput').val(''); 
    $('#tags').tagit('createTag', inp); 
    sampleTags.push(inp); 
    e.preventDefault(); 
    console.log(sampleTags) 
    }); 

    $("#array").click(function(e){ 
    console.log("MyArray",sampleTags) 
    }) 
}); 

fiddleを試してみてください、とあなたがSelectedTags配列に何かを追加するときは、タグ内の「誘い込むタイプを見つける」などのタグを持っています入力。