JQuery標記它 - 編輯標記內聯

Question

我已經使用jQuery標記將接受電子郵件地址。我已驗證電子郵件格式的標籤。我想知道，如果用戶輸入了錯誤信息，它是否也可以編輯標籤。現在我們必須刪除標籤，並在出現問題時重新輸入。提前

$("#singleFieldTags").tagit({ 
     singleField: true, 
     singleFieldNode: $('#mySingleField'), 
     beforeTagAdded: function (event, ui) { 
      //email validation code 
     } 
    }); 


    <ul id="singleFieldTags"></ul> 
    <input id="mySingleField" /> 

Answer 1

一個solution

由於被張貼在GitHub上具有此功能。

這是一個工作fiddle，允許您編輯標籤。

基本上你需要使用onTagClicked參數並給它一個自定義函數：

onTagClicked: function(event, ui) { 
       var elem = $(ui.tag); 
       var input = $('<input type="text" id="replaceInput" value="'+ ui.tagLabel + '" />'); 
       temp = ui.tagLabel; 
       input.bind('blur',function(){ 
        var instance = $("#mySingleField").data("tagit"); 
        $(this).closest('.tagit-label').empty().append($(this).val()); 
        var oldValue = temp; 
        var tags = instance.assignedTags(); 

        for(var i = 0;i < tags.length;i++){ 
         if (tags[i] === oldValue){ 
          tags[i] = $(this).val(); 
         } 
        } 
        instance._updateSingleTagsField(tags); 
       });     
       elem.find('.tagit-label').empty().append(input); 
       input.focus(); 
      } 

現在，當你點擊你會看到，你可以對其進行編輯的標籤。