Получение обоих @user и #tag с помощью автозаполнения jquery? - PullRequest
Новая
       11

Получение обоих @user и #tag с помощью автозаполнения jquery?

1 голос
/ 08 февраля 2012

Я использовал код Эндрю Уитакера по адресу jsfiddle.net/5xbhY.Я надеялся, что кто-нибудь может помочь мне заставить его работать как для @user, так и для #tags (они приходят из разных внешних БД, но я должен быть в состоянии написать ту часть, с которой у меня возникают проблемы при обнаружении хэша). 


    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
        ];

    var startTyping = "Start typing...";

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

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

    $("#tags")
    .bind("keydown", function(event) {
        if (event.keyCode === $.ui.keyCode.TAB && $(this).data("autocomplete").menu.active) {
            event.preventDefault();
        }
    }).autocomplete({
        minLength: 0,
        source: function(request, response) {
            var term = request.term,
                results = [];
            if (term.indexOf("@") >= 0) {
                term = extractLast(request.term);
                if (term.length > 0) {
                    results = $.ui.autocomplete.filter(
                    availableTags, term);
                } else {
                    results = [startTyping];
                }
            }
            response(results);
        },
        focus: function() {
            return false;
        },
        select: function(event, ui) {
            if (ui.item.value !== startTyping) {
                var terms = this.value.split(' ');
                terms.pop();
                terms.push("@" + ui.item.value);
                this.value = terms.join(" ");
            }
            return false;
        }
    });

1 Ответ

1 голос
/ 18 мая 2012

Вы имеете в виду что-то вроде этого: http://jsfiddle.net/BfAtM/181/

О, я заметил немного поздно, я отвечаю на вопрос 3-месячного давности.

...