JQuery Автозаполнение специальный символ запуска

у меня следующая проблема:

я должен сделать специальное автозаполнение с помощью jquery, запускаемого символом "@"

проблема в том, что если я начинаю текстовое поле с @, это работает, но если я ввожу @ после того, как напишу несколько символов, это не сработает.

как это должно работать: - я пишу какой-то текст и хочу добавить кого-то из «utilizatoriJson», - чтобы добавить кого-то из «utilizatoriJson», я должен нажать клавишу @, и должно появиться выпадающее меню автозаполнения, - после того, как я выберу кого-нибудь из выпадающего меню или я набираю полную метку из выпадающего списка, она должна поставить пробел и позволить мне продолжить мое сообщение

Как я могу это сделать ?

код, который я написал:

var utilizatoriJson = <%=utilizatoriJson%>;

$( '#textarea_mesaj_colaborare').autocomplete({
    source: utilizatoriJson

})            .autocomplete( "instance" )._renderItem = function( ul, item ) {
    return $( "<li>" )
            .append( "<a>" + item.label + "</a>" )
            .appendTo( ul );
}
$( '#textarea_mesaj_colaborare').autocomplete("disable");


$('#textarea_mesaj_colaborare').keyup(function(){
    if ($('#textarea_mesaj_colaborare').val()[$('#textarea_mesaj_colaborare').val().length-1]==='@'){
        var inceput = $('#textarea_mesaj_colaborare').val().length;

        $( '#textarea_mesaj_colaborare').autocomplete("enable");
    }

});

Ответы на вопрос(2)

Ваш ответ на вопрос