4

メールアドレスを受け入れるjQuery tagitを使用しました。メール形式のタグを検証しました。ユーザーが何か間違ったことを入力した場合、タグを編集できるかどうかを知りたいです。何か問題が発生した場合は、タグを削除して再入力する必要があります。

前もって感謝します

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


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

1 に答える 1

1

この機能を備えたソリューションが GitHub に投稿されました。

これは、タグを編集できる実用的なフィドルです。

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();
            }

タグをクリックすると、編集できることがわかります。

于 2018-01-03T20:52:19.553 に答える