jquery автозаполнение @mention

Эй, ребята, у меня есть этот плагин автозаполнения от Эндрю Уитакер -DEMO Допустим, у меня есть строка вtextarea

"@peterwateber welcome"

Я хочу вывести его в скрытый тег как

"@[peterwateber] welcome"

Как я должен это делать? Я не очень хорош в JavaScript ...

Я пытался просмотреть этот кодВот  из ястреба

 codef0rmer08 апр. 2012 г., 07:21
Что вы подразумеваете под "я хочу, чтобы он выводился в скрытом теге как"?
 Tats_innit08 апр. 2012 г., 07:25
Ладно, тогда у меня может быть решение для вас, но просто дважды проверьте, что вы хотите, чтобы раскрывающийся список, т.е. скрытое значение = @ [foobar] yay и выбранное значение, которое отображается в текстуре как @foobar yay ?? если это вышеупомянутый jsfiddle, или вы хотите наоборот? извините, если я звучу толсто, но хочу проверить, прежде чем я отвечу :) Черт!
 Peter Wateber08 апр. 2012 г., 07:21
@Tats_innit да, абсолютно! но проблема в том, как мне получить вывод выбранного предложения и в то же время скрытого тега, скажем: & quot; @peterwateber hey! & quot; в текстовой области и в скрытом теге & quot; @ [peterwateber] hey! & quot;
 Peter Wateber08 апр. 2012 г., 07:22
@ codef0rmer, если значение текстовой области равно = @peterwateber hello & quot; тогда значение скрытого тега будет равно «@ [peterwateber] hello»
 Tats_innit08 апр. 2012 г., 07:19
Привет, ты имеешь в виду что-то вроде этого, дайте мне знать, если это поможет, я установлю это как ответjsfiddle.net/LHNky/3 приятного вам! веселит.or дайте мне знать, если что-то еще попытается помочь вам!

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

Решение Вопроса

Я написал оригинальный код, упомянутый здесь, и исправил проблему с меню, которое было у Питера:

http://www.hawkee.com/snippet/9391/

хияWorking demo Вот:http://jsfiddle.net/67dxH/

Выше уже было хорошее обсуждение, как вы сказали, что поведение похоже на:value of the hidden tag as = @[C#] and the textarea as @C#

Джоп, это полезный человек, дай мне знать, как это происходит, ура! :)

Jquery Code

function split(val) {
    return val.split(/@\s*/);
}

function extractLast(term) {
    return split(term).pop();
}

function getTags(term, callback) {
    $.ajax({
        url: "http://api.stackoverflow.com/1.1/tags",
        data: {
            filter: term,
            pagesize: 5
        },
        type: "POST",
        success: callback,
        jsonp: "jsonp",
        dataType: "jsonp"
    });    
}

$(document).ready(function() {

    $("#tags")
    // don't navigate away from the field on tab when selecting an item
    .bind("keydown", function(event) {
        if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) {

            event.preventDefault();
        }
    }).autocomplete({
        source: function(request, response) {
            if (request.term.indexOf("@") >= 0) {
                $("#loading").show();
                getTags(extractLast(request.term), function(data) {
                    response($.map(data.tags, function(el) {
                        return {
                            value: el.name,
                            count: el.count
                        }
                    }));
                    $("#loading").hide();                    
                });
            }
        },
        focus: function() {
            // prevent value inserted on focus
            return false;
        },
        select: function(event, ui) {
            var terms = split(this.value);
            // remove the current input
            terms.pop();
            // add the selected item
            ui.item.value = "@" + ui.item.value;   
            terms.push(ui.item.value);
            // add placeholder to get the comma-and-space at the end
            terms.push("");
            this.value = terms.join("");
            return false;
        }
    }).data("autocomplete")._renderItem = function(ul, item) {
        return $("<li>")
            .data("item.autocomplete", item)
            .append("<a>@[" + item.label + "]&nbsp;<span class='count'>(" + item.count + ")</span></a>")
            .appendTo(ul);
    };
});​
 08 апр. 2012 г., 09:01
@PeterWateber Привет, ты имеешь в виду, что вы хотите точно такое же поведение в вашемnew type of jsfiddle, т. е. если значение скрытого тега как = @ [C #] и текстовой области как @ C #?, ура!
 18 мая 2015 г., 15:59
Обновленная скрипка:jsfiddle.net/67dxH/63
 08 апр. 2012 г., 07:46
+1 за тебя, не беспокойся, брув, приятного тебе! веселит.
 Peter Wateber08 апр. 2012 г., 07:45
свататься! спасибо, я забыл про _renderItem woohooo большое спасибо!
 Peter Wateber08 апр. 2012 г., 08:05
эй @ Tats_innit, что если я хочу что-то подобноеjsfiddle.net/peterwateber/gucPn/11? используя автозаполнение JQuery, хотя. этот использует проблему hawkees, только у него есть выпадающая стрелка вверх и вниз.

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